/* Tout Elements */
.tout {
	float: left;
	position: relative;
	padding: 8px 1px 0px 7px;
	margin: 0px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1em; 
	overflow: hidden;
	text-align: left;
}

.tout .title {
	color: #FFFFFF;
	padding: 4px 0px 0px 4px;
	font-weight: bold;
	text-transform: uppercase;
	overflow: hidden;
}

.tout .date {
	float:right;
	background: #999999;
	padding:2px;
	border-left:solid black 1px;
	border-bottom:solid black 1px;
	color:#990000;
}

.tout .tout-box { position: relative; background: #cccccc; border-width: 2px; border-style: solid; border-color:#990000; }
.tout .image { overflow: hidden; background:#cccccc; float:left; vertical-align:middle; margin:2px; width:100px; height:100px}
.tout .description { overflow: hidden; float:left; padding:2px; width:180px; height:66px;}
.tout .linkage { overflow: hidden; color:#990000;border:solid black 1px; float:left; width:197px; background:#999999; }

.tout.full .tout-box{ width: 620px !important; width /**/:628px; }
.tout.full { width: 624px !important; width /**/:632px; }

.tout.red .tout-box { border-color: #C5140E; }
.tout.red .title { background: url(../images/common/backgrounds/tout_header_red.gif); }



/* Tout Lists */
.tout .text ul,.tout .link ul,.tout .linkage ul { margin: 0px; padding: 0px; margin-bottom: 8px; list-style: none; }
.tout .text li,.tout .link li,.tout .linkage li { padding: 0px 0px 2px 10px; list-style: none; }
.tout .text li,.tout .link li,.tout .linkage li { background: url(/images/common/arrows/bullet_shows.gif) no-repeat 0px 2px; }





.tout.large .tout-box { width: 304px !important; width /**/:308px; height: 180px !important; height /**/:184px; }
.tout.medium .tout-box { width: 304px !important; width /**/:308px; height: 104px !important; height /**/:109px; }
.tout.small .tout-box { width: 146px !important; width /**/:150px; height: 143px !important; height /**/:147px; }
.tout.xsmall .tout-box { width: 146px !important; width /**/:150px; height: 143px !important; height /**/:147px; }
.tout.wide .tout-box { width: 452px !important; width /**/:456px; }	

/* Dimensions */
.tout.promo { width: 624px !important; width /**/:632px; }
.tout.wide { width: 456px !important; width /**/:464px; }
.tout.poll { width: 150px !important; width /**/:158px; height: 338px !important; height /**/:346px; }
.tout.factoid { width: 128px; }
.tout.large { width: 308px !important; width /**/:316px; height: 200px !important; height /**/:208px; }
.tout.medium { width: 308px !important; width /**/:316px; height: 165px !important; height /**/:173px; }
.tout.small { width: 150px !important; width /**/:158px; height: 165px !important; height /**/:173px; }
.tout.xsmall { width: 150px !important; width /**/:158px; height: 165px !important; height /**/:173px; }

/* Colours */
.tout.basic .tout-box { border-color: #4F4F4F; }

.tout.orange .tout-box { border-color: #D66610; }
.tout.gold .tout-box { border-color: #DF9B16; }
.tout.purple .tout-box { border-color: #28164A; }
.tout.ltblue .tout-box { border-color: #1B4591; }
.tout.green .tout-box { border-color: #409017; }
.tout.brick .tout-box { border-color: #7B1010; }
.tout.blue .tout-box { border-color: #142C66; }

/* Title Backgrounds */
.tout.basic .title { background: url(/images/common/backgrounds/tout_header_general.gif); }

.tout.orange .title { background: url(/images/common/backgrounds/tout_header_orange.gif); }
.tout.gold .title { background: url(/images/common/backgrounds/tout_header_gold.gif); }
.tout.purple .title { background: url(/images/common/backgrounds/tout_header_purple.gif); }
.tout.ltblue .title { background: url(/images/common/backgrounds/tout_header_ltblue.gif); }
.tout.green .title { background: url(/images/common/backgrounds/tout_header_green.gif); }
.tout.brick .title { background: url(/images/common/backgrounds/tout_header_brick.gif); }
.tout.blue .title { background: url(/images/common/backgrounds/tout_header_blue.gif); }


/* Layouts - Full */


/* Layouts - Wide Tout */
.tout.wide .title { padding: 0px; height: 14px; background: none; color: #000000; overflow: hidden; }
.tout.wide .title h1 { color: #000000; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; }

.tout.wide.wide-std .tout-box { height: 114px !important; height /**/:118px; }
.tout.wide.wide-std .text { position: absolute; top: 3px; left: 4px; width: 226px; height: 108px; }
.tout.wide.wide-std .image { position: absolute; top: 0px; right: 0px; width: 219px; height: 114px; }

.tout.wide.wide-txt .title { display: none; }
.tout.wide.wide-txt .tout-box {border-color: #FFFFFF; background: none; }
.tout.wide.wide-txt .text { width: 448px; font-size: 13px;  }
.tout.wide.wide-txt .text ul { margin: 0px; }

.tout.wide.tall .tout-box { height: 180px !important; height /**/:184px; }
.tout.wide.tall .text { position: absolute; top: 3px; left: 4px; width: 252px; height: 174px; }
.tout.wide.tall .image { position: absolute; top: 0px; right: 0px; width: 193px; height: 180px; }

.tout.wide.news .image { display: none; }
.tout.wide.news .date { font-weight: bold;  }
.tout.wide.news .title { text-transform: uppercase;  }
.tout.wide.news .text {  }

/* Layouts - Large Tout */

.tout.large { padding: 7px 1px 1px 7px; }
.tout.large .title { padding: 0px; height: 14px; background: none; color: #000000; overflow: hidden; }
.tout.large .title h1 { color: #000000; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; }

.tout.large.text-full .text { padding: 3px 0px 0px 4px; height: 176px; }
.tout.large.text-full .image { display: none; }

.tout.large.img-full .text { display: none; }
.tout.large.img-full .image { position: absolute; top: 0px; left: 0px; }

.tout.large.tall-img-full { width: 308px !important; width /**/:316px; height: 238px !important; height /**/:246px; }
.tout.large.tall-img-full .tout-box { width: 304px !important; width /**/:308px; height: 220px !important; height /**/:224px; }
.tout.large.tall-img-full .text { display: none; }
.tout.large.tall-img-full .image { position: absolute; top: 0px; left: 0px; }

.tout.large.img-left .text { position: absolute; bottom: 4px; right: 4px; width: 171px; height: 174px; }
.tout.large.img-left .image { position: absolute; top: 0px; left: 0px; width: 125px; height: 180px; }

.tout.large.img-right .text { position: absolute; bottom: 4px; left: 4px; width: 171px; height: 174px; }
.tout.large.img-right .image { position: absolute; top: 0px; right: 0px; width: 125px; height: 180px; }

.tout.large.right-brk .title { width: 179px; }
.tout.large.right-brk .text { position: absolute; bottom: 4px; left: 4px; width: 171px; height: 173px; }
.tout.large.right-brk .image { position: absolute; bottom: 0px !important; bottom: /**/-2px; right: 0px; width: 125px; height: 193px; }

.tout.large.full-brk .title { width: 179px; }
.tout.large.full-brk .text { display: none; }
.tout.large.full-brk .image { position: absolute; bottom: 0px !important; bottom: /**/-2px; right: 0px; width: 304px; height: 193px; }

.tout.img-top { width: 308px !important; width /**/:316px; height: 238px !important; height /**/:246px; }
.tout.img-top .tout-box { width: 304px !important; width /**/:308px; height: 220px !important; height /**/:224px; }
.tout.img-top .text { position: absolute; top: 123px; left: 4px; padding: 2px; width: 294px; height: 92px; }
.tout.img-top .image { position: absolute; top: 0px; right: 0px; width: 304px; height: 122px; }
.tout.img-top .linkage select { position: relative; top: -2px; font-size: 11px; }

/* Layouts - Medium Tout */
.tout.medium.med-std .title { height: 14px !important; height /**/:18px; }
.tout.medium.med-std .text {  position: absolute; top: 2px; right: 0px; padding: 2px; width: 142px; height: 102px; }
.tout.medium.med-std .image { position: absolute; top: 5px; left: 5px; width: 150px; height: 105px; }
.tout.medium.med-std .linkage { position: absolute; bottom: 4px !important; bottom /**/:2px; left: 4px; width: 292px !important; width /**/:300px; height: 20px; background: #C0C0C0; padding: 5px 0px 0px 4px; color:#000000;}
.tout.medium.med-std .linkage select { position: relative; top: -2px; font-size: 11px; }

.tout.medium.med-img .image { position: absolute; top: 0px; left: 0px; padding: 8px 1px 0px 7px; width: 307px; height: 165px; overflow: hidden; }

.tout.medium.flash { background: none; border: 0px; padding-top: 8px; }
.tout.medium.flash .title { display: none; }
.tout.medium.flash .text { display: none; }
.tout.medium.flash .image { display: none; }
.tout.medium.flash .link { display: none; }

.tout.medium.commentary { height: 368px !important; height /**/:368px; font-size: 12px; }
.tout.medium.commentary .comment-box { position: relative; height: 92px; }
.tout.medium.commentary .comment-image { position: absolute; top: 0px; left: 0px; }
.tout.medium.commentary .comment-title { position: absolute; top: 20px; left: 80px; color: #1B4591; font-size: 13px; font-weight: bold; text-transform: uppercase; }
.tout.medium.commentary .comment-text { position: absolute; top: 38px; left: 80px; }

/* Layouts - Small Tout */
.tout.small.small-std .title { height: 14px !important; height /**/:18px; }
.tout.small.small-std .text { position: absolute; top: 2px; right: 3px; width: 68px; height: 88px; }
.tout.small.small-std .image { position: absolute; top: 4px; left: 4px; width: 66px; height: 82px; }
.tout.small.small-std .link { position: absolute; bottom: 4px; left: 4px; width: 130px !important; width /**/:138px; height: 38px !important; height /**/:46px; padding: 4px; }

.tout.small.wallpaper .title { height: 14px !important; height /**/:17px; }
.tout.small.wallpaper .text { display: none; }
.tout.small.wallpaper .image { position: absolute; top: 4px; left: 4px; width: 138px; height: 109px; }
.tout.small.wallpaper .link { position: absolute; bottom: 4px; left: 4px; width: 130px !important; width /**/:138px; height: 14px !important; height /**/:22px; text-align: center; background: #C0C0C0; padding: 4px; }
	
.tout.medium.small-img .image { position: absolute; top: 0px; left: 0px; padding: 8px 1px 0px 7px; width: 153px; height: 165px; overflow: hidden; }

.tout.small.flash { background: none; border: 0px; padding-top: 8px; }
.tout.small.flash .title { display: none; }
.tout.small.flash .text { display: none; }
.tout.small.flash .image { display: none; }
.tout.small.flash .link { display: none; }

.tout.small.small-merch { margin-top: -2px; margin-right: -3px; height: 216px !important; height /**/:220px; }
.tout.small.small-merch .title { display: none; }
.tout.small.small-merch .tout-box { position: relative; height: 216px !important; height /**/:216px; border: none; }
.tout.small.small-merch .image { padding: 5px; width: 136px; }
.tout.small.small-merch .text { margin: 0px 4px; width: 136px; }
.tout.small.small-merch .link { position: absolute; text-transform: uppercase; bottom: 3px; left: 4px; width: 138px; height: 16px; text-align: center; background: #C0C0C0; }

.tout.small-wallpaper { margin-top: -2px; margin-right: -2px; width :120px; height: 180px !important; height /**/:184px; }
.tout.small-wallpaper .title { display: none; }
.tout.small-wallpaper .tout-box { position: relative; width :120px; height: 180px; border: none; }
.tout.small-wallpaper .image { padding: 4px 4px 0px 4px; width: 112px; }
.tout.small-wallpaper .text { margin: 0px 5px; width: 110px; }
.tout.small-wallpaper .link { position: absolute; text-transform: uppercase; bottom: 3px; left: 4px; width: 112px; height: 16px; text-align: center; background: #C0C0C0; }

.tout.small-rank { margin-top: -2px; margin-right: -2px; width :120px; height: 196px !important; height /**/:200px; }
.tout.small-rank .rank { padding-top: 1px; text-align: center; font-weight: bold; }
.tout.small-rank .tout-box { position: relative; width :120px; height: 196px; border: none; }
.tout.small-rank .image { padding: 4px 4px 0px 4px; width: 112px; }
.tout.small-rank .text { margin: 0px 5px; width: 110px; }
.tout.small-rank .link { position: absolute; text-transform: uppercase; bottom: 3px; left: 4px; width: 112px; height: 16px; text-align: center; background: #C0C0C0; }

.tout.small.small-video { margin-top: -2px; margin-right: -3px; height: 216px !important; height /**/:220px; }
.tout.small.small-video .title { display: none; }
.tout.small.small-video .tout-box { height: 216px !important; height /**/:216px; border: none; }
.tout.small.small-video .image { position: absolute; top: 5px; left: 5px; }
.tout.small.small-video .text { position: absolute; top: 118px; left: 4px; width: 136px; height: 76px; }
.tout.small.small-video .link { position: absolute; bottom: 3px; left: 4px; width: 138px; height: 16px; text-align: center; background: #C0C0C0; }

.tout.textonly .title { height: 14px !important; height /**/:18px; }
.tout.textonly .text { margin: 2px;}
.tout.textonly .image { display: none; }
.tout.textonly .link { display: none; }

/* Layouts - Extra Small Tout */
.tout.xsmall.xsmall-std .title { background: url(/images/common/backgrounds/tout_header_general.gif); height: 14px !important; height /**/:18px; }
.tout.xsmall.xsmall-std .tout-box { border-color: #4F4F4F; }
.tout.xsmall.xsmall-std .text { position: absolute; top: 3px; right: 4px; width: 69px; height: 83px; }
.tout.xsmall.xsmall-std .image { position: absolute; top: 4px; left: 4px; width: 66px; height: 82px; }
.tout.xsmall.xsmall-std .link { position: absolute; bottom: 2px; left: 4px; width: 130px !important; width /**/:138px; height: 38px !important; height /**/:42px; padding: 2px 4px; background: #C0C0C0; }

.tout form input {
	font-family: Tahoma, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.tout form textarea {
	width: 90%;	
}


.sidebar.sidebar-feature { display: block; height: 105px; }
.sidebar.sidebar-feature .title { padding: 1px 3px 0px 3px; height: 15px; overflow: hidden; background: #000000; color: #FFFFFF; font-weight: bold; text-transform: uppercase; }
.sidebar.sidebar-feature .title img { vertical-align: middle; }
.sidebar.sidebar-feature .tout-box { position: relative; height: 90px; border: none; }
.sidebar.sidebar-feature .image { position: absolute; bottom: 0px; left: 0px; width: 160px; height: 75px; overflow: hidden; }
.sidebar.sidebar-feature .text { position: absolute; top: 0px; left: 0px; padding: 0px 3px 0px 3px; width: 154px; height: 14px; background: #FFFFFF; }


.sidebar-feature { display: block; height: 105px; margin-bottom: 12px; }
.sidebar-feature .title { padding: 1px 3px 0px 3px; height: 15px; overflow: hidden; background: #000000; color: #FFFFFF; font-weight: bold; text-transform: uppercase; }
.sidebar-feature .title img { vertical-align: middle; }
.sidebar-feature .tout-box { position: relative; height: 90px; border: none; }
.sidebar-feature .image { position: absolute; bottom: 0px; left: 0px; width: 160px; height: 75px; overflow: hidden; }
.sidebar-feature .text { position: absolute; top: 0px; left: 0px; padding: 3px 3px 3px 3px; width: 154px; background: #FFFFFF; }