/* CSS Document 
Copyright 2010 RUN 2 Corp  |  graphic & interactive design
http://www.run2corp.com/
Client: PrankDial.com

with additional code from www.michaelgeraci.com
*/

html{padding: 0; margin: 0;}
body {margin:0 auto; padding:0; background:#dbdbdb url(/images/bg.gif) repeat-x top; font:14px Arial, Helvetica,sans-serif;}
img{border: none;}
.tit1 {font-size:35px; color:#2470a6}
.tit2 {font-size:28px; color:#becf73}
.tit3 {font-size:32px; color:#becf73}
.tit4 {font-size:32px; color:#ff0101}
.tit5 {font-size:26px; color:#2470a6}
.blue, .blue a {color:#2470a6; text-decoration:none}
.gray, .gray a {color:#999999; text-decoration:none}
.up0 {margin-top: 5px;}
.up1 {margin-top:10px}
.up2 {margin-top:15px}
.up3 {margin-top:20px}
.up4 {margin-top:5px}
.dw1 {margin-bottom:10px}
.dw2 {margin-bottom:15px}
.dw3 {margin-bottom:20px}

#callcost{
	float: left;
	clear: both;
	padding: 8px;
	font-size: 13px;
	margin: 20px 0 0 20px;
	width: 200px;
	background:	#3C5A9A;
	color: #fff;
	display: none;
}

#tooltip{
	position: absolute;
	display: none;
	width: 200px;
	background-color: #fff;
	padding: 5px;
	border: 2px solid #aaa;
	line-height: 140%;
	font-size: 12px !important;
	z-index: 9001;
}

#indexHide, #indexShow{color: #2470A6; text-decoration: none;}

#indexExpand, #indexClose, #removeFilter{
	display: inline-block;
	overflow: hidden;
	width: 12px;
	height: 12px;
	position: relative;
	top: 2px;
}

.indexExpandOff{background: url(/images/indexExpand.gif) no-repeat 0 0;}
.indexExpandOn{background: url(/images/indexExpand.gif) no-repeat 0 -12px;}

.indexCloseOff{background: url(/images/indexClose.gif) no-repeat 0 0;}
.indexCloseOn{background: url(/images/indexClose.gif) no-repeat 0 -12px;}

#removeFilter:link{background: url(/images/indexClose.gif) no-repeat 0 0;}
#removeFilter:hover{background: url(/images/indexClose.gif) no-repeat 0 -12px;}


/* ================== */
/* = Button Classes = */
/* ================== */

.hoverButton{
	display: block;
	height: 20px;
	overflow: hidden;
	float: left;
	margin: 0 5px;
}

a#popular{width: 69px; background: url(/images/btn_popular.png) no-repeat 0 0;}
a#popular:hover, a#popular_on{width: 69px; background: url(/images/btn_popular.png) no-repeat 0 -20px;}

a#date{width: 55px; background: url(/images/btn_date.png) no-repeat 0 0;}
a#date:hover, a#date_on{width: 55px; background: url(/images/btn_date.png) no-repeat 0 -20px;}

a#today{width: 55px; background: url(/images/btn_today.png) no-repeat 0 0;}
a#today:hover, a#today_on{width: 55px; background: url(/images/btn_today.png) no-repeat 0 -20px;}

a#alltime{width: 55px; background: url(/images/btn_alltime.png) no-repeat 0 0;}
a#alltime:hover, a#alltime_on{width: 55px; background: url(/images/btn_alltime.png) no-repeat 0 -20px;}

a#overall{width: 55px; background: url(/images/btn_overall.png) no-repeat 0 0;}
a#overall:hover, a#overall_on{width: 55px; background: url(/images/btn_overall.png) no-repeat 0 -20px;}

a#hits{width: 55px; background: url(/images/btn_hits.png) no-repeat 0 0;}
a#hits:hover, a#hits_on{width: 55px; background: url(/images/btn_hits.png) no-repeat 0 -20px;}


/* ========== */
/* = Stream = */
/* ========== */

ul#stream_holder{list-style-type: none;}

ul#stream_holder li{
	float: left;
	clear: both;
}

ul#stream_holder li div{padding: 10px 0;}

/* ======================== */
/* = Error/Notice Classes = */
/* ======================== */

.error, .notice, .prankFormError{
	background: #f00;
	color: #fff;
	border: 1px solid #aaa;
	display: none;
	float: left;
	clear: both;
	padding: 5px;
	margin: 5px 0 0 0;
}

.notice{background: green;}

#contactContainer .error, #contactContainer .notice{margin-bottom: 10px;}

.prankFormError{
	width: 270px;
	margin: 10px 0 10px 0;
	font-size: 13px;
}

/* error div on 404 500 etc. page */
#errorPageDiv{
	margin: 20px 0 0 0;
	padding: 10px;
	clear: both;
	width: 400px;
}

#errorPageDiv a{color: #2470A6 !important;}

#topWarning{
	background: url(/images/recbgf.gif);
	color: #fff;
	padding: 3px 0;
	width: 100%;
	text-align: center;
}

#tooEarly{
	background: #2572a7;
	height: 25px;
	color: #fff;
	font-size: 18px;
	padding: 5px 0;
	width: 100%;
	text-align: center;
	letter-spacing: .05em;
}

#tooEarly div{
	width: 960px;
	margin: 0 auto;
}

/* ============= */
/* = Help Page = */
/* ============= */
span.helpAnswers{display: none;}
#helpContainer{
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0 0 0;
}

#helpContainer .intro_tit{
	clear: both;
	float: left;
}

.question{
	float: left;
	clear: both;
}

.question ol li a{color: #000; text-decoration: none;}
.question ol li a:hover{text-decoration: underline;}

#helpLeft{
	float: left;
	width: 500px;
}

#helpRight{
	float: right;
	width: 400px;
}

#helpContent{font-size: 16px;}


/* ================================= */
/* = the homepage content switcher = */
/* ================================= */
.indexEaseParent{
	float: left;
	width: 640px;
	height: 110px;
	overflow: hidden;
}

#more .indexEaseParent{
	height: 360px;
	margin: 15px 0 0 0;
}

.indexEaseContainer{
	width: 3020px;
	position: relative;
	left: 0;
	padding: 5px 0 0 0;
}

.indexEaseContent{
	float: left;
	width: 640px;
}

/* the not current numbers */
a.bullet{
	font: 20px Verdana;
	text-align: center;
	line-height: 22px;
	color: #cdda82 !important;
	text-decoration: none;
	display: block;
	float: left;
	margin: 0 1px;
	position: relative;
	bottom: 3px;
}

/* the current number */
a.bullet:hover, a.current{color: #91b505 !important;}


/*------ START TOP ------*/
#header {width:100%; background:#becf73 url(/images/bg_header.gif) repeat-x center top; padding:0 0 4px 0; height: 100px;}
#header_bin {margin:0 auto; width:960px; padding:5px 0 5px 0}
#logo {float:left; width:232px}
.add_728 {float:left}

#menu {width:100%; float: left; clear: both;}
#menu_bin {margin:0 auto; width:960px;}
ul.menu1 {float:left; width:450px; margin:0; padding:9px 0 0 0; list-style:none; height:27px; position:relative}
ul.menu1 li {float:left; margin-right:5px}
ul.menu1 li a {display:block; float:left; height:27px; line-height:27px; color:#0d427f; text-decoration:none; font-size:16px; font-weight:bold; text-align:center; padding:0 0 0 7px; cursor:pointer; background:url(/images/btn_menu.gif);}
ul.menu1 li a b {float:left; display:block; padding:0 14px 0 7px; background:url(/images/btn_menu.gif) no-repeat right top;}
ul.menu1 li.current a {background:url(/images/btn_menu_on.gif)}
ul.menu1 li.current a b {background:url(/images/btn_menu_on.gif) no-repeat right top}
ul.menu1 li a:hover {color:#0d427f; background:url(/images/btn_menu_on.gif);}
ul.menu1 li a:hover b {background:url(/images/btn_menu_on.gif) no-repeat right top}
#buttons {float:left; padding-top:14px}

#login {width:100%; background-color:#becf73}
#login_bin {margin:0 auto; width:960px; height:23px}
#login_txt {float:left; width:955px; padding:2px 5px 0 0; text-align:right; font-size:13px; color:#657b04}

/* popdown container */
#tokenid {float:right; width:335px; height:36px; padding: 0; margin: -3px 0 0 0; padding-top:3px}

/* error text */
.errortext { color: #FF5C5C; }


/* inputs */
#tokenid input {width:146px; height:18px; padding:3px 4px; border:solid 1px #999797; border-right:none; background:url(/images/bg_input.gif) repeat-x center top}
#tokenid .input1 {float:left}

/* forgot link */
#tokenid .text1 a {float:right; padding:4px 20px 0 0; color:#657b04}
#tokenid .text2 a {float:left; padding:4px 20px 0 0; color:#657b04}

.button1{background:url(/images/bg_button.gif) no-repeat top left; display:block; height: 26px; width: 3px; float: left; padding: 0 0 0 3px;}
.button1 a span {background:url(/images/bg_button.gif) no-repeat top left; display:block; line-height:14px; padding:5px 0 7px 15px}

/* input that looks like a button */
.button1 *{outline: none !important;}
.button1 input{
	background: url(/images/bg_button.gif) no-repeat right top !important;
	display: block !important;
	line-height: 14px !important;
	padding: 0px 7px 7px 7px !important;
	border: none !important;
	height: 29px !important;
	color: #fff !important;
	cursor: pointer !important;
	font-weight: bold !important;
	font-size: 14px !important;
}

button1 input:focus{outline: none !important;}

#tokenid .button1 input{border: 0; float:left; display:block; background:url(/images/bg_button.gif) no-repeat right top; color:#ffffff; font-weight:bold; height:26px; margin-right:6px; padding-right:15px; text-decoration:none; font-size: 14px; width: 51px;}
#tokenid .button2 {float:right; padding:4px 20px 0 0}

#tokenidTop{
	float: left;
	clear: both;
	display: block;
	width: 335px;
	height: 5px;
	margin: 0;
	padding: 0;
	background: url(/images/bg_tokenid_top.gif) no-repeat 0 0;
}
#tokenloginer{
	float: left;
	clear: both;
	background:url(/images/bg_tokenid.gif) repeat-y 0 0;
	padding: 0 0 0 20px;
	width: 315px;
}
#loginError{
	float: left;
	clear: both;
	margin: 5px 0 0 0;
}
#tokenidBottom{
	float: left;
	clear: both;
	display: block;
	width: 335px;
	height: 6px;
	margin: 0;
	padding: 0;
	background: url(/images/bg_tokenid_bottom.gif) no-repeat 0 0;
}
/*------- END TOP -------*/


/*------- START CONTENT -------*/
#content {width:100%; float: left; clear: both;}
#content_bin {margin:0 auto; width:960px}

#more {float:left; width:640px; margin-top:20px; padding:0 1px 0 2px; background-color:#ffffff; border:1px solid #becf73}

#left {float:left; width:645px; padding-top:20px}
#left2 {float:left; width:645px}
#intro {float:left; font-size:13px; width: 640px;}
#intro_bin {float:left; width:230px;}
.introBox{
	float: left;
	clear: both;
	width: 210px;
}
#indexPromo{float: left; clear: both;}
.intro_tit {float:left; width:230px}
#video {float: right; width:400px; margin: 5px 0 0 0;}
.indexPrankContainer {float:left; width:640px; margin-top:20px; padding:0 1px 0 2px; background:#d3d3d3 url(/images/bg_box1.gif) repeat-x top; border:1px solid #becf73}
.prank_top {float:left; width:634px}
.prank_tab {float:left; width:154px; height:22px; padding-top:3px; font-size:15px; font-weight:bold; text-align:center; color:#fff;}
.prank_tab a{color: #fff; text-decoration: none;}
.prank_tab1 {float:left; width:154px; height:22px; padding-top:3px; background:url(/images/bg_tab1.gif) no-repeat center top; font-size:15px; font-weight:bold; text-align:center; color:#fff}
.prank_tab2 {float:left; width:154px; height:22px; padding-top:3px; background:url(/images/bg_tab2.gif) no-repeat center top; font-size:15px; font-weight:bold; text-align:center; color:#fff}
.prank_tab3 {float:left; width:154px; height:22px; padding-top:3px; background:url(/images/bg_tab3.gif) no-repeat center top; font-size:15px; font-weight:bold; text-align:center; color:#fff}
.prank_tab4 {float:left; width:154px; height:22px; padding-top:3px; background:url(/images/bg_tab4.gif) no-repeat center top; font-size:15px; font-weight:bold; text-align:center; color:#fff}
.prank_nav {float:right; padding-top:8px}
.prank_nav *{outline: none;}
.prank_nav .img1, .prank_nav2 .img1 {float:left; margin:0 8px 0 8px}
.prank_nav .img2 {float:left; margin:5px 2px 0 2px}
.prank_nav2 {float:left; padding-top:8px}
.pranks {float:left; width:640px; padding:15px 0 0 0}
.pranks2 {float:left; width:645px; padding:15px 0 0 0}
.prank {float:left; position: relative; width:100px; height: 110px; margin:0 14px; /*background:url(/images/bg_prank.png) no-repeat 0px 70px*/}
.prank_pic {width:98px; height:68px; padding:1px; background-color:#d3d3d3; position: absolute;}
.prank_pic2 {float:left; width:98px; height:73px; padding:1px; position: absolute;}
.prank_txt{position: absolute; top: 70px;}
.prank_txt, .prank_txt a {width: 100px; padding: 8px 0 0 0; font-size: 11px; color:#0d427f; text-align:center; text-decoration:none}
.prank_btm {float:left; width:626px; padding:9px 0; text-align:right;}
.prank_box1 {float:left; width:183px; height:147px; margin:0 14px 14px 0; padding:7px 10px 0 10px; background:#d3d3d3 url(/images/bg_prankbox.gif) repeat-x top; border:1px solid #becf73}
.prank_box2 {float:left; width:183px; height:147px; margin:0 0 14px 0; padding:7px 10px 0 10px; background:#d3d3d3 url(/images/bg_prankbox.gif) repeat-x top; border:1px solid #becf73}
.prank_txt2 {float:left; width:100%; text-align:center; color:#666666}
.prank_bin {float:left; width:100%; padding:10px 0 7px 0; position: relative;}
.prank_txt3 {float:right; width:74px; text-align:center}


#right {float:right; width:300px; padding-top:20px}
#right2 {float:right; width:300px}
#counter {float:left; width:298px; height:112px; padding-left:2px; background:url(/images/bg_counter.png) no-repeat center top; text-align:center; font-size:15px; color: #444; text-shadow: 0px 2px 0px #e5e5ee; font-weight: bold; margin-bottom: 20px;}
#counter_bin {float:left; padding:31px 0 5px 0; height: 50px;}
#news {float:left; width:298px; margin-top:20px; padding:11px 0 14px 0; background-color:#becf73; border:1px solid #ffffff}
#news_field {float:left; width:260px; padding:10px 0 15px 38px}
#news #email_address{width:146px;}
#news input {height:18px; padding:3px 4px; font-size:14px; color:#999999; border:solid 1px #999797; border-right:none; background:url(/images/bg_input.gif) repeat-x center top}
#news .input1 {float:left}
#news .button1 a {float:left; display:block; background:url(/images/bg_button.gif) no-repeat right top; color:#ffffff; font-size:14px; font-weight:bold; height:26px; margin-right:6px; padding-right:15px; text-decoration:none}
#news .text, #news .text a {float:left; width:298px; padding:0 0 0 0; font-size:14px; color:#657b04; text-align:center}
#facebook {float:left; width:300px; margin-bottom:20px}
.add300 {float:left; width:300px; margin-top:20px}
.add234 {float:left; width:234px; clear: both;}
.banner300 {float:left; clear: both; width:300px; margin-bottom:20px}
.banner300 *{outline: none;}


#main {float:left}
#main_tit {float:left; width:100%}
.main_txt1 {float:left; width:100%; font-size:13px}
.main_txt2 {float:left; width:100%; font-size:12px}
.main_txt3 {float:left; width:100%; font-size:11px; color:#999999}
.main_txt4 {float:left; width:200px; padding-right:10px; font-size:14x}
.main_pic1 {float:left; width:105px; text-align:right}

#main a{
	color: #000;
	text-decoration: none;
}

.block1 {float:left; width:260px; padding-right:15px}
.block2 {float:left; width:350px; padding:10px; background-color:#ffffff; border-top:1px solid #becf73; border-bottom:1px solid #becf73}
.block3 {float:left; width:100%; padding:10px 0; background-color:#ffffff; border-top:1px solid #d8deea; border-bottom:1px solid #d8deea}
.block4 {float:left; width:100%; background-color:#ffffff}
.block5 {float:left; width:260px}
.block6 {float:left; width:315px; margin-left:15px; padding:10px; background-color:#ffffff; border-top:1px solid #becf73; border-bottom:1px solid #becf73}
.block6:hover {background-color:#e8f99d}
.block7 {float:left; width:665px; margin-left:15px; padding:10px; background-color:#ffffff; border-top:1px solid #becf73; border-bottom:1px solid #becf73}
.block8 {float:left; width:100%; padding:10px 0 7px 0; border-top:1px solid #d8deea; border-bottom:1px solid #d8deea}
.block9 {float:left; width:100%; padding:10px 0; background-color:#ffffff; border-top:1px solid #becf73; border-bottom:1px solid #becf73}
.block10 {float:left; width:162px; padding-right:15px}
.block11 {float:left; width:468px; padding:5px 0 5px 0; background-color:#ffffff; border-top:1px solid #d8deea; border-bottom:1px solid #d8deea}
.block2 input {height:18px; padding:3px 4px; border:solid 1px #999797; background:transparent url(/images/bg_input.gif) repeat-x center top}
.block2 .input1 {float:left; width:230px}
.block2 .input2 {float:left; width:340px}
.block2 select {height:24px; padding:0; border:solid 1px #999797;}
.block2 .select1 {float:left; width:240px}
.block2 textarea {padding:3px 4px; border:solid 1px #999797; background:transparent url(/images/bg_input.gif) repeat-x center top}
.block2 .textarea1 {float:left; width:340px; height:150px}
.block2 .label1 {float:left; width:100%; font-size:11px; color:#999999; padding-bottom:3px}
.block2 .label2 {float:left; width:100%; font-size:15px; color:#2470a6; padding-bottom:5px}
.block2 .label3 {float:left; width:236px; font-size:15px; color:#2470a6; padding-bottom:5px}
.block2 .label4 {float:left; width:114px; padding-bottom:5px}
.block2 .label4 img {margin-left:5px}
.block2 .label5 {float:left; width:100%; font-size:12px; padding-bottom:3px}
.block2 .field1 {float:left; width:100%; margin-bottom:10px}
.block2 .player1 {float:left; width:200px; padding:5px 0 0 15px}
.block2 .txt1 {float:left; width:135px; font-size:12px}
.block2 .button1 a {float:right; display:block; background:url(/images/bg_button.gif) no-repeat right top; color:#ffffff; font-size:14px; font-weight:bold; height:26px; padding-right:15px; text-decoration:none}
.block5 .label1 {float:left; width:100%; font-size:11px; padding:4px 0; border-bottom:1px solid #becf73}
.block5 .label2 {float:left; width:100%; font-size:15px; color:#2470a6; padding-bottom:5px}
.block6 .label1 {float:left; width:100%; font-size:22px; color:#2470a6; padding-bottom:3px}
.block7 .label1 {float:left; width:280px; margin-right:15px; font-size:15px; color:#2470a6}
.block7 .label2 {float:left; width:100%; font-size:15px; color:#2470a6}
.block7 .label3 {float:left; width:280px; margin-right:15px; font-size:12px; text-align:right}
.block7 .label4 {float:left; width:75px; margin-right:20px; font-size:11px; color:#666666}
.block7 input {height:18px; padding:3px 4px; border:solid 1px #999797; background:transparent url(/images/bg_input.gif) repeat-x center top}
.block7 .input1 {float:left; width:360px}
.block7 .input2 {float:left; width:190px}
.block7 .input3 {float:left; width:120px}
.block7 .input4 {float:left; width:40px}
.block7 select {height:24px; padding:0; border:solid 1px #999797}
.block7 .select1 {float:left; width:130px}
.block7 .select2 {float:left; width:55px; margin:1px 10px 1px 0}
.block7 .select3 {float:left; width:65px; margin:1px 10px 1px 0}
.block7 .field1 {float:left; width:315px; padding-left:15px}
.block7 .field2 {float:left; width:315px; height:28px; padding-left:15px}
.block7 .field3 {float:left; width:100%; height:28px}
.block7 hr {float:left; width:665px; height:0; margin-top:20px; border:0; border-top:1px solid #d8deea; background:#d8deea}
.block7 .button1 a {float:left; margin-left:294px; display:block; background:url(/images/bg_button.gif) no-repeat right top; color:#ffffff; font-size:14px; font-weight:bold; height:26px; padding-right:15px; text-decoration:none}
.block8 .text1 {float:left; width:310px}
.block8 .text2 {float:right; width:210px;}
.block8 .text3 {float:left; width:100%; border-top:1px solid #d8deea; text-align: center;}
.block8 .prank {margin: 0 5px;}
.block8 .prank_pic {width:98px; height:68px; padding:1px; background-color:#d3d3d3}
.block8 .label1 {float:left; width:100%; font-size:15px}
.block8 .label2 {float:left; width:100%; font-size:11px}
.block8 .label2 img {margin-right:5px}
.block8 .label3 {float:left; font-size:11px; margin-right: 8px}
.block11 .label1 {float:left; width:458px; margin-top:5px; padding:5px 5px 0 5px; font-size:15px; border-top:1px solid #d8deea; color:#2470a6}
#timerContainer{
	float: left;
	position: relative;
	width: 110px;
	height: 110px;
	text-align: center;
	color: #666666;
	font-size: 15px;
}

#loader{
	display: block;
	width: 110px;
	height: 110px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/img_loading.gif) no-repeat center top;
}

#timer{
	width: 50px;
	display: block;
	position: absolute;
	top: 36px;
	left: 29px;
}

.block9 .timer {float:left; width:75px; height:40px; padding:35px 35px; background:url(/images/img_loading.gif) no-repeat center top; text-align:center; color:#666666; font-size:15px}
.block9 .row0 {float:left; width:100%;}
.block9 .row1 {float:left; width:320px;}
.block9 .row2 {float:left; width:100%; padding:15px 0 10px 0; border-top:1px solid #d8deea; border-bottom:1px solid #d8deea}
.block9 .row3 {float:left; width:490px; margin-left:155px}
.block9 .row4 {float:left; width:100%; background:url(/images/icon_schedule.gif) no-repeat 175px 24px}
.block9 .row5 {float:left; width:511px; margin-left:134px}
.block9 .lft {float:left; width:320px; padding:0 10px}
.block9 .rgt {float:left; width:260px; padding:0 0 0 5px}
.block9 .label1 {float:left; width:230px; padding:20px 10px 0 10px; font-size:15px; text-align:center; color:#666666}
.block9 .label2 {float:left; width:230px; padding:15px 10px 0 10px; font-size:12px; text-align:center; color:#666666}
.block9 .label3 {float:left; width:100%; font-size:15px; color:#2470a6; padding-bottom:5px}
.block9 .label4 {float:left; width:100%; font-size:12px; color:#666666}
.block9 .label5 {float:left; width:625px; padding:0 10px; font-size:12px; color:#999999}
.block9 .input0 {float:left; height:18px; width:30px; padding:3px 4px; border:solid 1px #999797; background:transparent url(/images/bg_input.gif) repeat-x center top; margin: 0 10px 0 0;}
.block9 .input1 {float:left; height:18px; width:230px; padding:3px 4px; border:solid 1px #999797; background:transparent url(/images/bg_input.gif) repeat-x center top}
.block9 .input2 {float:left; height:18px; width:340px; padding:3px 4px; border:solid 1px #999797; background:transparent url(/images/bg_input.gif) repeat-x center top}
.block9 .input3 {float:left; border:0; margin: 0 5px 0 0;}
.block9 select {height:20px; padding:0; border:solid 1px #999797;}
.block9 .select1 {float:left; width:240px}
.block9 .select2 {float:left; width:45px; margin:1px 5px 1px 0; font-size:12px}
.block9 .select3 {float:left; width:55px; margin:1px 5px 1px 0; font-size:12px}
.block9 textarea {padding:3px 4px; border:solid 1px #999797; background:transparent url(/images/bg_input.gif) repeat-x center top;}
h2{color: #BECF73;}
#charsLeft{color: #2470A6;}
.block9 .textarea1 {float:left; width:300px; height:100px}
.block9 .button1 a {float:left; display:block; background:url(/images/bg_button.gif) no-repeat right top; color:#ffffff; font-size:14px; font-weight:bold; height:26px; padding-right:15px; text-decoration:none}
.robotDialOptions .lft{width: 300px;}
/*-------- END CONTENT --------*/


/*-------- START HISTORY --------*/
#mytable {width:645px; padding:0; margin:0}
th {border-top:1px solid #becf73; border-bottom:1px solid #becf73; font-size:15px; font-weight:bold; color:#2470a6; text-align:left}
td {border-bottom:1px solid #d8deea; font-size:11px}
th.prnk, td.prnk {width:120px; padding:6px 10px 6px 10px}
th.vict, td.vict {width:320px; padding:6px 10px 6px 0}
td.vict img{
	position: relative;
	top: 2px;
	left: 2px;
}
th.date, td.date {width:105px; padding:6px 10px 6px 0}
th.play, td.play {width:50px; padding:6px 10px 6px 0; text-align:center}

.listenTitleLink{
	color: #666;
	text-decoration: none;
}

.listenTitleLink:hover{text-decoration: underline;}

.listenPrank{
	position: relative;
	width: 100px;
}

/*--------- END HISTORY ---------*/

/*-------- START BUY --------*/
.box2 {float:left}
.box2 .bin1 {width:119px; display:block; margin-right:15px; padding:15px 0; background:url(/images/bg_box2.gif) repeat-x top; border:1px solid #becf73; color:#becf73}
.box2 .bin1on {background:url(/images/bg_box2_on.gif) repeat-x top; color:#ffffff}
.box2 .bin2 {width:119px; display:block; padding:15px 0; margin-right: 0px; background:url(/images/bg_box2.gif) repeat-x top; border:1px solid #becf73; color:#becf73}
.box2 .bin1:hover, .box2 .bin2:hover {background:url(/images/bg_box2_on.gif) repeat-x top; color:#ffffff}
.box2 .txt1 {font-size:54px; text-align:center; line-height:46px}
.box2 .txt2 {font-size:15px; font-weight:bold; color:#3f9cde; text-align:center}
.box2 .txt3 {width:119px; margin-top:5px; font-size:15px; color:#2470a6; text-align:center}

#youHaveChosen{
	float: left;
	clear: both;
	color: #2470A6;
	font-weight: bold;
}

#paypalButton{
	display: block;
	width: 143px;
	height: 24px;
	background: url(/images/btn_paypal.jpg) no-repeat 0 0;
	cursor: pointer;
}

#paypalButton input{
	background: none;
	border: none;
	width: 143px;
	height: 24px;
	cursor: pointer;
}

#creditOptions{
	float: left;
	clear: both;
}
/*--------- END BUY ---------*/


/*------ START FOOTER ------*/
#footer {width:100%; clear:both; padding:20px 0}
#footer_bin {margin:0 auto; width:940px; height:10px; padding:9px; background-color:#ffffff; border:1px solid #becf73}
#footer_site {float:left; font-size:11px; color:#0d427f}
#footer_site a {color:#0d427f; text-decoration:none}
#footer_menu {float:right; text-align:right; font-size:11px; color:#0d427f}
#footer_menu a {color:#0d427f; text-decoration:none; margin-left:10px}
/*------- END FOOTER -------*/


/*---------------COMMENTS ----------------------*/
.commentbox {
	border:1px solid #CCC;
	color:#333333;
	background-color: #EEEEEE;
	font-size:12px;
	margin:15px;
	padding:10px;
	word-wrap: break-word;
	float: left;
	clear: both;
	width: 342px;
}

.commentbox #message{margin-bottom: 5px; padding: 5px;}

.commentboxbtext {
	color:#666666;
	font-size:10px;
}

.commentdivide {
height: 0px;
border:1;
color:#C7C7C7;
}

.commentop {
	border-bottom:2px solid #3C5A9A;
	color:#FFF;
	background: url(/images/bg_header.gif) repeat-x #768BB6;
	font-weight:bold;
	font-size:18px;
	padding:10px;
	margin-bottom:10px;

}


/* ================ */
/* = rating stars = */
/* ================ */

#ratingLabel{
	float: left;
	clear: left;
}

#star{
	float: left;
	clear: right;
	margin: 4px 0 -5px -5px;
}

#star ul.star, #star ul li{
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 64px;
	height: 12px;
}

/* off stars */
#star ul.star{
	list-style: none;
	left: 10px;
	top: -5px;
	position: relative;
	background: url('/images/stars.gif') repeat-x 0 0px;
}

.unrated{cursor: pointer;}

#star li{
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
}

/* on stars */
#star li.curr { background: url('/images/stars.gif') 0px -13px; font-size: 1px; }

#star div.user {
	float: left;
	position: relative;
	left: 15px;
	bottom: 6px;
	font-size: 13px;
	font-family: arial;
	color: #888;
}

/* ============ */
/* = Shop css = */
/* ============ */
#content1{width: 960px !important;}
tr.header td{background: #eee;}

/* ============ */
/* = Phonebook css = */
/* ============ */
div.scroll {height:190px; width:300px; overflow:auto; padding:0; margin:0}
#phonebookcontainer {width:300px; height:230px; display:none; position:absolute; background-color:#D9E8BD; padding:5px; }
#phonebook {width:300px; height:210px; overflow:hidden}

ul#phonelist {text-align:left; list-style:none; padding:0; margin:0 auto}
ul#phonelist li {float:left; margin:0; border-bottom:1px solid #becf73; color:#000000; text-decoration:none; background:#ffffff url(images/bg_pb.gif) repeat-x center bottom}
ul#phonelist li .txt {float:left; display:block; padding:8px 0 8px 25px; width:227px; color:#000000; text-decoration:none}
ul#phonelist li .btn {float:left; width:16px; padding:8px 10px 8px 5px}
ul#phonelist li#active a {color:#800000}
ul#phonelist li a:hover, ul#phonelist li#active a:hover {color:#2470a6; background:#ffffff url(images/bg_pb.gif) repeat-x center bottom; border-color:#aaab9c #fff #becf73 #ccc}
#phonecontainer {margin:0 auto; font:12px Arial, Helvetica,sans-serif; text-align:center}

#addcontact {width:290px; padding:5px; height:190px; display:none; }
.ainput1 {height:18px; width:280px; font-size:15px; padding:3px 4px; border:solid 1px #999797; background:transparent url(/images/bg_input.gif) repeat-x center top}
.ainput2 {float:left; height:18px; width:30px; font-size:15px; padding:3px 4px; border:solid 1px #999797; background:transparent url(/images/bg_input.gif) repeat-x center top}
.ainput3 {float:left; height:18px; width:230px; font-size:15px; margin-left:10px; padding:3px 4px; border:solid 1px #999797; background:transparent url(/images/bg_input.gif) repeat-x center top}
#addcontact label {float:left; width:100%; font-size:15px; color:#2470a6; padding-bottom:5px}
#addcontact .button1 a {float:left; display:block; background:url(images/bg_button.gif) no-repeat right top; color:#ffffff; font-size:14px; font-weight:bold; margin-top:20px; height:26px; padding-right:15px; text-decoration:none}

#addbutton a {float:left; margin-left:20px; text-align:center; text-decoration:none; font:12px Arial, Helvetica,sans-serif; color:#666666}
#backbutton a {float:left; margin-left:20px; text-align:center; text-decoration:none; font:12px Arial, Helvetica,sans-serif; color:#666666; }
#clsbutton a {float:right; margin-right:20px; text-align:center; text-decoration:none; font:12px Arial, Helvetica,sans-serif; color:#666666}