/* Content Boxes Styles */



.orange-title-left {
	clear: both;
	background: url(/assets/images/boxes/orange_corner_left.gif) top left no-repeat;
	width: 10px;
	height:27px;
	float:left;
}

/* White color background */
.orange-title-left-white {
	clear: both;
	background: url(/assets/images/boxes/white_bck/orange_corner_left.gif) top left no-repeat;
	width: 10px;
	height:27px;
	float:left;
}

.orange-tile {
	background: url(/assets/images/boxes/orange_top_tile.gif) top left repeat-x;
	float:left;
	height:27px;
}

.orange-title-right {
	background: url(/assets/images/boxes/orange_corner_right.gif) top left no-repeat;
	width: 10px;
	height:27px;
	float:left;
}

/* White color background */
.orange-title-right-white {
	background: url(/assets/images/boxes/white_bck/orange_corner_right.gif) top left no-repeat;
	width: 10px;
	height:27px;
	float:left;
}

.grey-title-left {
	clear: both;
	background: url(/assets/images/boxes/grey_corner_left.gif) top left no-repeat;
	width: 10px;
	height:27px;
	float:left;
}

/* White color background */
.grey-title-left-white {
	clear: both;
	background: url(/assets/images/boxes/white_bck/grey_corner_left.gif) top left no-repeat;
	width: 10px;
	height:27px;
	float:left;
}

.grey-tile {
	background: url(/assets/images/boxes/grey_top_tile.gif) top left repeat-x;
	float:left;
	height:27px;
}

.grey-title-right {
	background: url(/assets/images/boxes/grey_corner_right.gif) top left no-repeat;
	width: 10px;
	height:27px;
	float:left;
}

/* White color background */
.grey-title-right-white {
	background: url(/assets/images/boxes/white_bck/grey_corner_right.gif) top left no-repeat;
	width: 10px;
	height:27px;
	float:left;
}

.orange-tile h2, .grey-tile h2 {
	letter-spacing: 0em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	text-transform: lowercase;
	color:#FFFFFF;
	padding-top:7px;
	padding-left:0px;
	
}

.orange-tile a, .orange-tile a:link, .orange-tile a:visited,
.grey-tile a, .grey-tile a:link, .grey-tile a:visited 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-transform: lowercase;
	text-decoration: underline;
	color:#FFFFFF;
}

.orange-tile a:hover, .grey-tile a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-transform: lowercase;
	text-decoration: none;
}

.box-bot-left {
	background: url(/assets/images/boxes/box_bot_corner_left.gif) top left no-repeat;
	width: 8px;
	height:10px;
	float:left;
	margin-left:2px;
}

/* White color background */
.box-bot-left-white {
	background: url(/assets/images/boxes/white_bck/box_bot_corner_left.gif) top left no-repeat;
	width: 8px;
	height:10px;
	float:left;
	margin-left:2px;
}

.box-bot-tile {
	background: url(/assets/images/boxes/box_bot_tile.gif) top left repeat-x;
	float:left;
	padding-top:15px;
}

.box-bot-right {
	background: url(/assets/images/boxes/box_bot_corner_right.gif) top left no-repeat;
	width: 10px;
	height:10px;
	float:left;
	margin-right:0px;
}

/* White color background */
.box-bot-right-white {
	background: url(/assets/images/boxes/white_bck/box_bot_corner_right.gif) top left no-repeat;
	width: 10px;
	height:10px;
	float:left;
	margin-right:0px;
}



div.doublewidth-hp { /* homepage */
	width: 460px;
	margin-bottom:14px;
}






/*.fullwidth { 
	width: 750px;
}
*/
.bannerwidth { /* Full column width for pages with skscraper banners down one side */
	width:575px;
}

h1, h2 {
	font-size: 10px;
	font-weight: bold;
	margin:0px;
	/*position: relative;
	left: 8px;
	bottom: 5px;
	padding: 0;*/
	text-transform: uppercase
	color:#fff;
	/* display: inline;  To remove line break after tag. Doesn't work? */
}
h3 { margin:0; padding:0; font-variant:small-caps; font-size:1.5em;}

img#security_code_image {
	vertical-align: middle;
	margin: 0 0 5px 0;
	_margin: 0 0 8px 0;	
}


h4 {
	font-size: 12px;
	font-weight: bold;
	/*text-transform: lowercase;*/
	color: #032a6e;
	margin:0px;
	padding: 5px;
}
h5 {
	font-size: 14px;
	letter-spacing: 0.2em;
	padding:0;
	margin:10px;
}

.tabtext { /* Text and links to be displayed to the right of the box headers, on the same line */
	/*position: relative;
	right: 23px;
	bottom: 3px;*/
	padding-right:0px;
	padding-top:7px;
	color: #FFFFFF;	
}

.tabtext a:hover {
	color: #FFFFFF;	
}

.orangetab { 
/* Style for content boxes with the orange tab on top. Only to be used with doublewidth or fullwidth boxes, never use with singlewidth! */
	background: url(/assets/images/header/orange_title_full.gif) no-repeat left top;
	padding-top: 14px;
}



.greytab { /* Style for content boxes with the blue tab on top with gradient from dark blue to light. */
	/*background: url(/assets/images/header/grey-title-bar.gif) no-repeat left top;*/
	background: url(/assets/images/header/grey_title_small.gif) no-repeat left top;
	padding-top: 14px;
}

.plainbluetab { /* Non-gradient style for content boxes with no headers. */
	background: url(/assets/images/header/orange_title_full.gif) no-repeat right top;
	padding-top: 20px;
}

.innercontent_1 {
	margin-left:2px;
	margin-right:2px;
	margin-top:0px;
	background: #FFFFFF url(/assets/images/boxes/box_bg_tile.gif) repeat-x left top;
	clear:left;
}

.innercontent_2 {
	margin-left:2px;
	margin-right:2px;
	margin-top:0px;
	background: #FFFFFF url(/assets/images/boxes/box_bg_tile.gif) repeat-x left top;
	clear:left;
}
.innercontent { /* Content box with rounded bottom corners - top border required to prevent margin probs*/
	/*background-color: #FFFFFF;*/
	/*border-top: 1px solid #FFFFFF;*/
	padding:9px 5px 10px 10px;
	line-height: 1.5em;
}

.lineheight{
	line-height: 0.9em;
}
.chatcontent {
	background-color: #E3E3E3;
	padding: 10px 5px 10px 10px
}

.bluestrip { /* Content box with blue gradient strip on the bottom for adding extra content to bottom of content box (such as links etc. */
	background-color: #FFFFFF;
	padding:10px 5px 10px 10px;
	line-height: 1.4em;
}

.bluestrip a:hover { /* If a link is in a bluestrip make hover state white to avoid a blue-on-blue situation */
	color: #ff3c49;
	text-decoration: underline;
}

.orangebutton , .orangebutton2 { /* Anchor style to give the button it's left cap and background. Height of button is 20px (padding-top + padding-bottom + text size of anchor) */
	background:url(/assets/images/buttons/big-blue-button-left.gif) no-repeat left;
	padding: 8px 0px 9px 13px;
	line-height: 14pt;
}




.inputbutton{
	border:0;
	font-size: 9px;
	color:#FFFFFF;
	font-weight: bold;
	text-transform: uppercase;	
}

.innercontent p, .bluestrip p {
	margin-top: 2px;
	margin-bottom: 8px;
	line-height: 1.5em;
}

.singlewidth .innercontent { /* If content box is singlewidth and we want rounded bottom corners on box */
	/*background-image: url(/assets/images/boxes/single-bottom-white.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
	margin-bottom: 15px;
}

.singlewidth .innercontent_1 .left-shadow, 
.doublewidth .innercontent_1 .left-shadow, 
.doublewidth .innercontent_2 .left-shadow, 
.fullwidth .innercontent_1 .left-shadow, 
.triplewidth .innercontent_1 .left-shadow,
.leftwidth .innercontent_1 .left-shadow  {
	background:url(/assets/images/boxes/box_left_tile.gif) repeat-y top left;
}

.singlewidth .innercontent_1 .left-shadow .right-shadow, 
.doublewidth .innercontent_1 .left-shadow .right-shadow, 
.fullwidth .innercontent_1 .left-shadow .right-shadow, 
.triplewidth .innercontent_1 .left-shadow .right-shadow,
.leftwidth .innercontent_1 .left-shadow .right-shadow  {
	background:url(/assets/images/boxes/box_right_tile.gif) repeat-y top right;
	padding: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.doublewidth .innercontent_2 .left-shadow .right-shadow {
	background:url(/assets/images/boxes/box_right_tile.gif) repeat-y top right;
	padding-left: 3px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.doublewidth .innercontent { /* If content box is doublewidth and we want rounded bottom corners on box */
	background-image: url(/assets/images/boxes/double-bottom-white.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
}

.fullwidth .innercontent { /* If content box is fullwidth and we want rounded bottom corners on box */
	background-image: url(/assets/images/boxes/full-bottom-white.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
}

.triplewidth .innercontent, .leftwidth .innercontent { /* If content box is fullwidth and we want rounded bottom corners on box */
	background-image: url(/assets/images/boxes/full-bottom-white.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
}

.fullwidth .chatcontent { /* Content box specific to chat page */
	background-image: url(/assets/images/boxes/full-bottom-white.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
}

.bannerwidth .innercontent { /* If content box is bannerwidth and we want rounded bottom corners on box */
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
}

.singlewidth .bluestrip { /* If content box is singlewidth and we want a gradient blue strip on the bottom for extra content */
	background-image: url(/assets/images/boxes/single-bottom-white.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 15px;
}

.doublewidth .bluestrip { /* If content box is doublewidth and we want a gradient blue strip on the bottom for extra content */
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 15px;
}

.fullwidth .bluestrip { /* If content box is fullwidth and we want a gradient blue strip on the bottom for extra content */
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 15px;
}

.triplewidth .bluestrip { /* If content box is fullwidth and we want a gradient blue strip on the bottom for extra content */
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 15px;
}

.chatcontent .bluestrip { /* If content box is fullwidth and we want a gradient blue strip on the bottom for extra content */
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 15px;
}

.bannerwidth .bluestrip { /* If content box is bannerwidth and we want a gradient blue strip on the bottom for extra content */
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 15px;
}

#clearfloat { /* Does what it says on the tin. */
	width: 100px;
	height: 1px;
	clear: both;
	line-height:0px; /* Needed for IE to stop the bloody thing adding an extra line of space and to bring it in line with Firefox */
}


/* End of Content Boxes Styles */



ul.littleguys {	list-style-image:none; font-weight:bold; list-style:none; margin:0; padding:0;}
ul.littleguys li { background:transparent url(/assets/images/icons/littleguys.gif) left center  no-repeat; display:block; padding-left:25px !important;}

ul.littleguys li, ul.error li {
	padding: 4px 0px;
}

.twoguysback {
 	background: url(/assets/images/twoguysbackground.jpg) no-repeat top left;
}

.skyscraper
{
	width: 165px;
}

.buttonheight { /* TDs seem to cut the bottom off the orangebutton for some reason */
	height:22px;
}

.boxout2
{
	font-size: 10px;
	padding: 3px;
	margin-bottom: 2px;
}
.whitebox{
	background-color: #FFFFFF;
	padding: 10px;
	margin-left: 130px;
	margin-right: 5px;
}



th.column
{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

.pagetabs {
	color: #FFFFFF;
}

.pagetabs a, .pagetabs a:link, .pagetabs a:visited {
	color: #FFFFFF;	
}

/* advertising styles */




td a.tablink {
	position: relative;
	top: -2px;
	margin: 0px;
	padding: 0px;
}


table.pagetabs tr td { 
	background-repeat: repeat-x
}


.privateborder {
	border: 1px solid #000000;
}

.bigtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

a.chat, a.chat:link, a.chat:visited {
	color: #0D2869;
}

a.chat:hover {
	color: #F59725;
}

.datatable {
	border: 1px solid #5268A1;
	width:500px;
}

.datatable tr td {
	border: 1px solid #5268A1;
	padding:3px;
}

.datatable .titlecells {
	border: 1px solid #5268A1;
	background-color: #5268A1;
}

/**
 * Styles for popup windows
 */
 
div.pmContainer
{
	background-color: #F7BB4E;
	color: #9C3331;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #000000;
	position: absolute;
	z-index: 100;
	padding: 5px;
	height: 100px;
	width: 150px;
	left: 10px;
	top: 10px;
}

div.pmContainer a
{
	font-weight: bold;
}




.forwardwidth tr td{ /* Style to keep the dynamic content in the add forwarding number page aligned */
	width:220px
}

.bullets li
{
	padding-bottom: 1em;
}


.ClearFix:after {

    content : "."; 

    display : block; 

    height : 0; 

    clear : both; 

    visibility : hidden;

}




/* PIE's hack to stop IE adding 3px to width when using italics

http://www.positioniseverything.net/explorer/italicbug-ie.html */

/* \*/

* html .ClearFix {

	overflow: hidden;

	o\verflow: visible;

	width: 100%;

	w\idth: auto;

	he\ight: 1%;

}

/* set thumb nail images for profile page END*/
.innerpiccontent {
	clear:both;
	padding:5px 5px 5px 5px;
	text-align: center;
}
/*------------------------------------START OF ONLINE USER STYLES---------------------------------*/
div.online_buttons{
	text-align: right;	
}
div.online{
	height: 372px;
	overflow:hidden;
}

.onlineTdLeft {
	width: 45%;
	border-bottom: 1px dashed;
	padding: 6px;
}
.onlineTdRight{
	width: 45%;
	border-bottom: 1px dashed;
	padding: 6px;
}
.onlineInnerContent { /* Content box with rounded bottom corners - top border required to prevent margin probs*/
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding:3px 0px 3px 0px;
	line-height: 1em;
	
}
.onlineStats{
	float: right;
	padding-top: 8px;
	width: 275px;
}
.onlineStats .onlineInnerContent { /* If content box is singlewidth and we want rounded bottom corners on box */
	background-image: url(/assets/images/boxes/single-bottom-white.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.onlineData{
	line-height: 0.9em;
	color: #FF8B00;
	font-weight: bold;
	height: 350px;
	overflow: hidden;
}



/*------------------------------------END OF ONLINE USER STYLES---------------------------------*/


.imargin{
	margin-left: 15px;
	margin-top: 10px;
}

.hotlinks{
	margin-top: 13px;
	margin-left: 180px;
}
div.hotlinks p{
	line-height: 30px;
}

hr.hr_online {
	border: none 0; 
	border-top: 1px dashed #566EAA;
	width: 90%;
	height: 1px; 
}


.xmargin{
	margin-top: -30px;
	margin-right: 80px;
}
/*----------------------START LANDING PAGE--------------------*/

#landingBox{
	background-color: #FF8B00;
	position: relative;
	top: 0px;
	left: 0px;
	width: 750px;
}
.landingBottom{
	background: url(/assets/images/landing_page/boxBottom.gif) no-repeat;
	background-position: bottom;
	height: 214px;
}
#landingImage{
	position:absolute;
	top: 2px;
	left: 2px;
}
#landingMidText{
	position:absolute;
	top: 0px;
	margin-left: 200px;
	width: 267px;
	height: 210px;
}
#landingText{
	position: absolute;
	padding: 10px;
	top: 2px;
	right: 0px;
	width: 245px;
}

#list_map li{
	line-height: 1.9em;
	list-style: none;
	background: url(/assets/images/landing_page/mand8_icon.jpg) no-repeat 0px 7px;
	padding-left: 17px;
	font-size: 14px;
	font-weight: bold;
	font-family: arial;
	text-transform: uppercase;
}
#list_map em {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-family: arial;
	color: #FAFB00;
}
/*----------------------END LANDING PAGE--------------------*/

.pge_numbers{
	text-align: center;
	color: #0D296A;
}
.pge_numbers a:link {
	font-weight: bold;
	color: #0D296A;
}
.pge_numbers a:visited {
	font-weight: bold;
	color: #0D296A;
}
.pge_numbers a:hover {
	font-weight: bold;
	color: #FFFFFF;
}
.pge_numbers a:active , .pge_numbers b {
	font-weight: bold;
	color: #FFFFFF;
}
/*----------Used on number verification page---------------------------------------*/

.standout
{
	font-size:14px;
}
.standout span
{
	font-weight: bold;
	color:#000000;
}

/* **************** START pop_up style sheet ************************ */

.pop_up_page_frame{
	width: 98%;
	margin-left: auto;
	margin-right: auto;	
	min-width: 180px; /*Firefox and IE7 only*/
}
.pop_up_window {
	text-align: left;
}
.pop_up {
	width: 98%;
	max-width: 782px;
}
.header{
	position: relative;
}
.header_bg{
	background-color: #3D3C39;
	height: 81px;
}
.pop_up_footer{
	position: relative;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	margin-right: auto;
	background: #8A8A8A;
	min-width: 181px; /*Firefox and IE7 only*/
}
.footer_left{
	position:absolute;
	width: 100%;
	background: url(/assets/images/footer/bottom_left_corner.gif) bottom left no-repeat;
	height: 25px;
}
.footer_content{
	position: absolute;
	z-index: 1;
	margin-left: 10px;
}
.footer_right{
	position:absolute;
	width: 100%;
	background: url(/assets/images/footer/bottom_right_corner.gif) bottom right no-repeat;
	height: 25px;
}

/* **************** END pop_up style sheet ************************ */




/*div#infobar ul li {
	line-height: 1.2em;
	margin-top: 20px;
}
*/





/*----------------------Try to tidy up this sheet--------------------*/



div.innercontent div.fleft {width:25%;}
div.advert p{ float:left; margin:0; padding:0; width:230px} div.advert p img { margin:0; padding:0; border:none;} 



form#getNumber fieldset, form#getNumber fieldset legend { border-color:white; color:white ;}
form#getNumber fieldset {padding:10px;}
form#getNumber div.fleft {width:30%;}
form#getNumber fieldset legend { font-size:1em; font-weight:bold; font-variant:small-caps;}
form#getNumber dl, form#getNumber dl dt, form#getNumber dl dd { margin:0; padding:0; }
form#getNumber dl { margin-bottom:10px;}
form#getNumber dt {font-variant:small-caps; font-size:1.5em; font-weight:bold; padding-bottom:5px !important;}

/*#groupsearch fieldset, form#quicksearch fieldset, form#loginformMember fieldset, form#frm1 fieldset, form#frmTellOthers fieldset, form#contactform fieldset { border:none;}*/

form#quicksearch fieldset div select {
	font-size: 9px;
}

#groupsearch input {width:70%;}

#aboutPrivate-Number h2.gradientHeader { margin-bottom: 10px;}
#aboutPrivate-Number p.last {margin:25px 0 10px 0;}


ul#newGroup li, ul#mostPop li {padding:5px;}
ul#newGroup p, ul#newGroup ul, ul#newGroup ul li, ul#newGroup div, ul#newGroup a, ul#newGroup strong, ul#mostPop p, ul#mostPop ul, ul#mostPop ul li, ul#mostPop div, ul#mostPop a, ul#mostPop strong { margin:0; padding:0; border:0 }
ul#newGroup p.last, ul#mostPop p.last {padding-bottom:5px;}
ul#newGroup p.fright, ul#mostPop p.fright {font-weight:bold}
* html ul#newGroup ul, * html ul#mostPop ul { margin-top: -15px;}


div#login fieldset { border:none; }
div#login dt.fleft {display:block; width:45%; font-weight:bold}
div#login input {margin-bottom:4px;}





/*form#loginformMember label, form#frm1 label {font-weight:normal; display:block; width:150px; float:left;}
form#loginformMember input, form#frm1 input {width:50%}
form#loginformMember p.last { text-align:right; padding-right:60px;}
*/


/* try to rid off the thumbnail table inserting a list instead but the wdg is very complicated
 ul.userGrid, ul.userGrid li { margin:0; padding:0; list-style-type:none} ul.userGrid li { width:88px; display:block; float:left;}
 */ 
 
ul.topShop { margin:0; padding:0; list-style-type:none} 

ul.topShop li { display: inline; padding:0 4% 0 4% }

ul.topShop img {
	clear: both;	
}
ul.topShop li span {
	 
}
 
div.unsubscribeForm form#frm1 input{
	width: 50px;	
}

.UserGrid table {
	text-align: center;
}

/* Flash Chat App */
.fca
{
	width:100%;
	margin: 0px auto 0px auto;
	top: 220px; 
	*top : 230px;
	position: absolute;
	left : 0;
	z-index: 999;
	height: 600px;
	color: #272D4F;
	font-size: .7em;
	text-align: center;
}

.black {
	color: #000000;
}

.blue {
	color: #4D94D2;
}

#membership_box {
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
}

#membership_plan h2 {
	color: #234777;
	font-size: 17px;
	letter-spacing: 0em;
	text-transform: lowercase;
}

.membership_plan_content {
	width: 350px;
	color: #122D48;
}


#membership_plan {
	padding: 5px;
}

.sms_trial_txt {
	color: #000000;
}

.trial_bg {
	background-color: #F7F4EF;
}

.plan_bg {
	background-color: #E0F1F8;
}

.innercontent2 { /* Content box with rounded bottom corners - top border required to prevent margin probs*/
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding:9px 5px 10px 10px;
	line-height: 1.5em;
	height: 50px;
}

.singlewidth2 .innercontent { /* If content box is singlewidth and we want rounded bottom corners on box */
	background-image: url(/assets/images/boxes/single-bottom-white.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
}


.reward_links {
	float: left;
}

.imgpadding {
	padding-right: 5px;
}

.box_connect, .box_pnumbers, .box_xpress, .box_mobile {
	width: 96px;
	height: 154px;
	padding:10px;
	margin: 0px;
	margin-top: 3px;
	float: left;
	display: block;
	font-size: 9px;
	letter-spacing: 0em;
}

.box_connect h2, .box_pnumbers h2, .box_xpress h2, .box_mobile h2 {
	color: #F28004;
	font-weight: bold;
	letter-spacing: 0em;
	padding-bottom: 5px;
	text-align: center;
}


.box_connect .find_out_link, .box_pnumbers .find_out_link, .box_xpress .find_out_link, .box_mobile .find_out_link {
	text-align: right;
	padding-left:20px;
}

.box_connect {
	background:transparent url(/assets/images/boxes/box_connect.GIF) no-repeat; 
}

.box_pnumbers {
	background:transparent url(/assets/images/boxes/box_pnumbers.GIF) no-repeat; 
}

.box_xpress {
	background:transparent url(/assets/images/boxes/box_xpress.GIF) no-repeat; 
}

.box_mobile {
	background:transparent url(/assets/images/boxes/box_mobile.GIF) no-repeat; 
}

.small_box_content {
	height:130px;
}

.blue_box_wide {
	padding:0px;
	margin:0px;
	width: 254px;
	height:	72px;
	display: block;
	float: left;
	font-family: arial;
	font-size:11px;
	text-align: left;
	background: url(/assets/images/boxes/blue_box_wide.gif) no-repeat;
	
}

.blue_box_wide_content {
	padding:10px;
}


.blue_box_wide a, .blue_box_wide a:link, .blue_box_wide a:visited, .blue_box_wide a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.blue_box_wide h2 a, .blue_box_wide h2 a:link, .blue_box_wide h2 a:visited, .blue_box_wide h2 a:hover {
	font-weight: bold;
	font-size:12px;
	letter-spacing: 1px;
}

.blue_box_wide_content h2 {
	text-align: left;
	font-family: arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing: 1px;
	text-transform: lowercase;
}

.box_connect_wide {
	background:transparent url(/assets/images/boxes/box_connect_wide.jpg) no-repeat; 
}

.box_pnumbers_wide {
	background:transparent url(/assets/images/boxes/box_pnumbers_wide.jpg) no-repeat; 
}

.box_xpress_wide {
	background:transparent url(/assets/images/boxes/box_xpress_wide.jpg) no-repeat; 
}

.box_mobile_wide {
	background:transparent url(/assets/images/boxes/box_mobile_wide.jpg) no-repeat; 
}


.box_connect_wide, .box_pnumbers_wide, .box_xpress_wide, .box_mobile_wide {
	/*width: 160px;*/
	width: 186px;
	/*height: 107px;*/
	height: 105px;
	margin: 0px;
	padding: 0px;
	padding-left:10px;
	padding-top:0px;

	margin-bottom: 5px;
	display: block;
	font-size: 9px;
	letter-spacing: 0em;
	/*color:#3FA4FF;
	font-weight:bold;*/

}

.box_connect_wide h2, .box_pnumbers_wide h2, .box_xpress_wide h2, .box_mobile_wide h2 {
	color: #F28004;
	font-weight: bold;
	letter-spacing: 0em;
	padding-bottom: 0px;
	
}
.small_box_content2 {
	margin-top:0px;
	padding-top: 8px;
	padding-left: 7px;
	width:128px;
}

.txt_alignr {
	text-align:right
}






/* ############## Page numbers ############## */

div.page_numbers b {
	color: #FF3C49; 
	font-weight: bold;
	font-size: 11px;
}
div.page_numbers a {
	color: #444444;
	font-size: 11px;
	text-decoration: none;
}
div.page_numbers a.prevPge , div.page_numbers a.nextPge {
	color: #FF3C49;
	font-size: 10px;
} 
div.page_numbers span.pgeOf {
	display: block;
	color: #cccccc;
	font-size: 9px;
}
div.page_numbers span.pgeOf a {
	color: #FF3C49;
	font-size: 9px;
}
div.page_numbers span.emArw {
	color: #FF3C49;
	font-weight: bold;
	font-size: 10px;
}

/* ############## END if Page numbers ##############*/

.img_fleft {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.big_bold{
	font-size: 13px;
	font-weight: bold;
}


.thumnailbox
{
	text-align:center;
}
.thumbnailcontent
{
	float:left;
	padding:5px 0 0 0;
	width:86px;
	height:115px;
	text-align:center;
	vertical-align: bottom;
}
.thumbnailcontent p
{
	padding:0;
	margin:0;
}

.testimonial_thumb {
	float:left;
	width: 80px;
}

.testimonial_content {
	float:left;
	width: 335px;
	/*overflow-x: scroll;*/
	word-wrap: break-word; /* wrapping for IE, unfortunately not implemented in fireFox */
	overflow: auto; /* for fireFox - will add scroller for extra long words */	
}

#chat_settings {
	width: 372px;
	height: 100px;
	color:	#042D6D;
	float: left;
	background:transparent url(/assets/images/boxes/chat_settings_box.gif) center no-repeat;
	
}

.chat_settings_content
{
	margin: 0px;
	padding: 20px 20px 10px 10px;
}

.blue_title
{
	color:	#042D6D;
	font-weight: bold;
	font-size: 13px;
	text-transform: lowercase;
	padding: 0px;
	margin: 0px;
	line-height: 0.1px;
}





.display_none 
{ 
	display: none; 
}

.align_r
{
	position: relative;
}

.plans_table
{
	width: 750px;
}

.plans_table td, .plans_table th  
{
	padding: 0px 15px 0px 0px;
}
html,body {
    margin:0px;
	padding:0px;
}

body{  
    height:auto;
    text-align:center; 
    /*background:#0d297a url(/assets/images/bg_main.gif) center repeat-y fixed ;*/	    
	color: #000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

table{
	font-size:11px;
}

p{
	padding:0;
}

.clearb {clear:both; height:0px;}
.clearl {clear:left}
.clearr {clear:right}
.fleft {float:left}
.fcenter {margin: 0 auto 0 auto;} 
.fright{float:right}


h1, h2 {
	font-size:10px;
	font-weight:bold;
	/*letter-spacing:0.2em;*/
	margin:0;
}

h3{
	color:#000;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
}

em{
	text-decoration: none;
	font-style:normal;
	font-weight: bold;
	font-size: 13px;
	color: #FF8B00;
}


/*
.ClearFix {display : inline;}
*/
/* Hides from IE-mac \*/
/*
.ClearFix {display: block;}
*/
/* End hide from IE-mac */

.spacer{
	margin-bottom: 10px;
}

form { /*Stop IE from adding an extra space after the form tag */
	display:block;
	margin:0;
	padding:0;
}

fieldset {
	border: none;
}

sup{ 
	font-size: 11px;
}

ul {
	padding-left:15px;
}
li {
	color:#3498cc;
	font-weight:bold;
	margin-bottom:5px;
}

.clrb { clear: both; }

.imgborder
{
	border: 1px solid #0D2869;	
}
.bold {
	font-weight: bold;
}

div.pageFrame { margin:auto; }


.singlewidth { /* Single column width */
	width: 253px;
}

.singlewidth-tile { 
	width: 255px;
}

.singlewidth2 { /* Single column width slightly bigger */
	width: 300px;
}

.doublewidth { /* Double column width */
	width: 490px;
}

.doublewidth-tile { 
	width: 440px;
}


.triplewidth { /* Double column width */
	width: 575px;
}

.triplewidth-tile { 
	width: 555px;
}

.leftwidth { /* for the membership */
	width: 544px;
}

.leftwidth-tile { 
	width: 524px;
}

.fullwidth { /* Double column width */
	width: 750px;
}

.fullwidth-tile { 
	width: 730px;
}


.box_size_1 {
	width: 438px;
}

.box_size_2 {
	width: 253px;
}

.box_size_3 {
	width: 728px;
}

.box_size_4 {
	width: 553px;
}

.box_size_5 {
	width: 522px;
}


.pageFrame , .pop_up_page_frame
{
	width: 782px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

.pageContent
{
	background-color: #EEE8DA;
	border-right: 1px solid #6D84BD;
	border-left: 1px solid #0D2869;
	padding: 15px;
}



.pageFooter
{
	width: 782px;
	min-height: 56px;
	background:#8a8a89;
	/*background:#ffffff url(/assets/images/layout/footer-grey.gif) bottom no-repeat;*/
	clear: both;
	text-align: center;
	border-top: 4px solid #7e7e7e;
	padding-bottom: 3px;
}















/*main header of site*/

.pageHeader{
	width: 782px;
}

/* header bar holds the top part of web site without the nav */
#header_bar{
	position: relative;
	width: 782px;
	height: 91px;
	background-color: #3C3B38;
	color:#fff;
}

#header_bar .header_holder_1{ /* Our clickable logo */
	padding-top: 5px;
	padding-left: 2px;
	width: 152px; /*size of image 152*/
	float:left;
	text-align:center;
	margin-right:5px;
}

#header_bar .header_holder_1 p{
	padding:0;
	margin:0;
	font-size:10px;
} 

#header_bar .header_holder_2{
	margin-top:10px;
	width:468px;
	height: 60px;
	float:left;
	background-color:#ccccfe;
	margin-right:5px;
}

#header_bar .header_holder_3{
	padding-right: 0px;
	padding-top: 0px;
	width: 144px;
	height: 91px;
	text-align: left;
	/*background-image: url(../images/layout/top-grey-background.jpg);*/
	color: #fff;
	font-size:12px;
	font-weight: bold;
	float:left;
}


#header_bar .header_box{
	background:#fff url(/assets/images/site_setup/header_box_bak.jpg) bottom repeat-x;
	padding:4px;
	color:#999;
	text-align:right;
}

#header_bar .header_box a{
	color:#999;
}






/*nav bar*/
.navbar
{
	width: 780px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #0D2869;
	border-right: 1px solid #6D84BD;
	/*background:#fff transparent url(/assets/images/nav/nav_bg_tile.gif) repeat; */
	background: #f9f6f6; 
	border-bottom:1px solid #0D2869;
}


#navmenubar .navmenu, #navmenubar .navmenu-selected { /* Container for the main nav bar */
	float:left;
	padding-left:10px;	
	padding-right:10px;	
	padding-top:3px;	
	height: 19px;
	border-right:1px solid #5C6369;
}
/* Navbar */
#navmenubar .navmenu_blue, #navmenubar .navmenu_blue-selected { /* Container for the main nav bar */
	float:left;
	padding-left:8px;	
	padding-right:8px;	
	padding-top:3px;	
	height: 19px;
	border-right:1px solid #5C6369;
	background-color: #5ba2e0;
}

#navmenubar .last, #navmenubar .last { /* Container for the main nav bar */
	border-right:0px solid #3C3B38;
}

#navmenubar .navmenu a, #navmenubar .navmenu a:link, #navmenubar .navmenu a:visited, #navmenubar .navmenu a:hover {
	font-family: arial;
	font-size:11px;
	font-weight:bold;
	color:#5c6369;
	text-transform: lowercase;
}

#navmenubar .navmenu_blue a, #navmenubar .navmenu_blue a:link, #navmenubar .navmenu_blue a:visited, #navmenubar .navmenu_blue a:hover {
	font-family: arial;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform: uppercase;
}

#navmenubar .navmenu-selected { /* Container for the main nav bar */
	background-color:#5c6369;
	color:#ffffff;
}

#navmenubar .navmenu-selected a, #navmenubar .navmenu-selected a:link, #navmenubar .navmenu-selected a:visited, #navmenubar .navmenu-selected a:hover {
	font-family: arial;
	font-size:11px;
	font-weight:bold;
	background-color:#5c6369;
	color:#ffffff;
	text-transform: lowercase;
}
/* navbar end */




/*main header of site - end*/























/*main header of site - end*/

#locationIcon, #bottomNav
{
	font-size:9px;
	padding-top: 3px;
	padding-right: 0px;
	color: #F3F3F3;
}

#bottomNav
{
	margin-bottom: 3px;
}

#bottomNav a, #bottomNav a:visited
{
	color: #fff;
	text-decoration: none;
	font-size:9px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#bottomNav a:hover
{
	color: #fff;
	text-decoration: underline;
}

#bottomNav ul{
	margin:0; padding:0; list-style:none; list-style-image:none; border:none;
} 
#bottomNav ul li {
	display:inline; padding:0 5px 0 10px; border-right:1px solid #fff; line-height:1.5em;color:#fff;
}
#navmenubar ul li.last, #bottomNav ul li.last{
	border-right:none
}
#navmenubar ul{ margin:0 0 0 10px; padding:0; list-style:none} 
#navmenubar ul li { display:inline; padding:0 5px 0 5px; border-right:1px solid #3C3B38; line-height:2em;}

/* terms and conditions box at bottom of page */

div#tandcbox {
	margin: 10px auto 0 auto;
	clear: both;
	color: #999;
	font-size: 0.9em;
	border: 1px solid #aaa;
	height: 70px;
	overflow:auto;
	background-color:#fff;
	padding:5px
}
#tandcbox a{
	color: #6A6A6A;
}
#tandcbox a:hover{
	color: #999999;
}

/*buttons setup */

a, a:link, a:visited
{ 
	color: #FF3C49;
	text-decoration: none;
	font-weight: normal;
}

a:hover { 
	color: #FF3C49;
	text-decoration: underline;
	font-weight: normal;
}

a img {
	border: none;
	margin-right:2px;
}


/*crap name but don't have time to change all the class names*/
.orangebutton{
	color:#fff;
	padding:3px 6px 3px 6px;
	border-top:#3687d2 1px groove;
	border-bottom:#145189 2px groove;
	border-right:#145189 2px groove;	
	border-left:#3687d2 1px groove;
	background: #3681c6;
	font-weight:bold;
}

a.orangebutton{
	font-weight:bold;
	color:#fff;
	text-decoration: none;
}
a:hover.orangebutton{
	background:#4498e5;
	color:#fff;
	text-decoration: none;
	font-weight:bold;
}
a:visited.orangebutton{
	color:#fff;
	text-decoration: none;
	font-weight:bold;
}



/*New box styles for mand8*/
.box{
	border:#d6d3c6 1px solid;
	margin:0 0 5px 0;	
	padding: 0 5px 5px 5px;
}
.box h2{
	display:block;
	height:24px;
	margin:0 0 0 0;
	padding:3px 0 0 0;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	text-transform: lowercase;
}

.box h2 span.text1{
	float:left;
}

.box h2 span.text2{
	float:right;
	font-size:11px;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

.box h2 span a{
	color:#fff;
}

.color1{
	background: #fff url(/assets/images/site_setup/box_bak_1.jpg) repeat-x;
}
.color2{
	background: #fff url(/assets/images/site_setup/box_bak_2.jpg) repeat-x;
}
/*END - New box styles for mand8*/

.thumbnailcontent p{
	margin:0;
	padding:0;
}

.thumbnailcontent {
	float:left;
	padding:5px 0 0;
	margin:0;
	text-align:center;
	vertical-align:bottom;
	width:86px;
}
.innercontent{
	padding:5px;
	margin:0;
}

/*----------START BOX OVER----------*/
.boxover {
	font-size: 10px;
	position: absolute;
	visibility: hidden;
	z-index: 100;
}
.boxoverHead {
	border:1px solid #82899c;
	background-color: #F59725;
}
.boxoverHead div {	
	/*background: url(/assets/images/boxover/boxover-topright.gif) right 0 no-repeat;*/
}
#BOheadText_h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 2px 10px 0px 10px;
	padding: 3px 0px 3px 5px;
	position: relative;
	left: 0px;
	bottom: 0px;
	letter-spacing: 0em;
}
.boxoverBody {
	border:1px solid #82899c;
	background-color: #BFC8E1;
	padding-top: 0;
	
}
#BObodyImage {
	margin-top: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#BObodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0;
	color: #000000;
	font-size: 10px;
	margin-top: 5px;
}
.boxoverTextTitle{
	font-weight: bold;
}
/*----------START BOX OVER----------*/
/*---Ads-*/


/* top banner - add a margin below */
.ad_zone5 {
	width: 728px;
	height:90px;
	margin: 0 auto 10px auto;
}

/* left banner - add a margin below */
.ad_zone6 {
	width:160px;
	height:600px;
	float: left;
}

/* left banner - add a margin below */
.ad_zone10 {
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: right;
	display: block;
	width:253px;
	height:140px;
}

/* login Styles */
form#loginform, form#quicksearch {
	margin: 0px;
	padding: 0px;
}
form#loginform label, form#loginform2 label {
	font-weight:normal; 
	display:block; 
	width:80px; 
	float:left;
	margin-bottom: 5px;
}
#loginform select {
	width: 154px;
}
.loginform {
	color:#003399;
	font-size: 12px;
	width: 120px;
}
#loginform input, #loginform select, #loginform2 input, #loginform2 select {
	font-size: 9px;
	width: 150px;
	display: block;
	margin-bottom: 7px;
	margin-left: 5px;
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
}
#loginform2 input, #loginform2 select {
	width: 250px;
	margin-bottom: 10px;
}
#loginform2 select {
	width: 254px;
}
#loginform input.hidden, #loginform2 input.hidden {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:5px;
	height: 0px;
	border: none;
	position: absolute;
	top: 0px;
}
#loginform input.autosize, #loginform2 input.autosize {
	float:left;
	width: 14px;
	margin-top:-1px;
}
#loginform input.checkbox, #loginform2 input.checkbox {
	float:left;
	width: 14px;
	display:inline;
	vertical-align:-2px;
	margin-top:0px;
	margin-bottom:0px
}

#loginform label.remember_me, #loginform2 label.remember_me {
	font-weight:normal; 
	display:block; 
	width:100px; 
	float:left;
	margin-bottom: 5px;
}
/* End login Styles */

.text_highlight{ 
	font-size: 10px;
	font-weight: bold;
	margin:0px;
	position: relative;
	top: 8px;
	color:#000000;
}


ul.specialFormat, dl.specialFormat { margin: 0px; padding:0 ; list-style-type:none; list-style:none; }
dl.specialFormat dd { margin: 0px 0px 5px 0px;}


.cursor_pointer {
	cursor: pointer;
}

.blue_header
{
	color: #5CA0DD;
	font-size: 15px;
	font-weight: bold;
}

.orange_highlight {
	color: #FD8C02;
}

.bigorange_highlight {
	color: #FD8C02;
	font-size: 17px;
	font-weight: bold;
}

.orange_highlight {
	color: #FD8C02;
	font-weight: bold;
}

a.tablink, a.tablink:link, a.tablink:visited {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

a.tablink:hover {
	color: #0D2869;
}

.darktext { color: #FF8B00; } /* Used to emphasise stuff */

.roweven{
	background-color: #F2F0F1;
	margin-bottom:10px;
	padding: 5px 0 5px 0;
}

.rowodd{
	background-color: #F2F0F1;
	margin-bottom:10px;
	padding: 5px 0 5px 0;
}
.fixFloatBug {
	display: block;
	text-align: right;
	margin-bottom: 8px;
}

/* gay personal ads */
.personal_link {
	margin: 10px auto 0 auto;
	width: 700px; 
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.personal_link a {
	color: #999;
}

.Error {
	color: #FF0000;
	font-weight: bold;
}




form#frmTellOthers ul li input {float:left; display:block; width:20px }
form#frmTellOthers ul li p { width:auto;}



form.searchform fieldset {border:none; font-size:0.9em; }
form.searchform h4 {margin:10px 0 3px 0; font-size:1.3em; letter-spacing:normal !important;}
form.searchform label.searchform {font-weight:bold; width:60px; margin-right:10px; display:block; float:left;}
form.searchform div {margin:3px 0 3px 0; padding:0; display: block;}
form.searchform p.searchform {margin-top:20px; }
form.searchform select.selectOne { width:200px;}
form.searchform input.selectOne { width:180px;}

form#forgotpass fieldset {border:none;}
form#forgotpass label {font-weight:bold;}
form#forgotpass p.last {margin-top:20px;   }

.Image {
	text-align:center;
	width: 70px;
	border:1px solid #C6C4C5;
}


/* set thumb nail images for profile page */
.UserPhoto {
	float: left;
	display: block;
	/*align: center;*/
	vertical-align: top;
	/*height:70px;*/
	width:70px;
	padding:0px;
	margin:6px;
}
/* PIE's "How To Clear Floats Without Structural Markup"
http://www.positioniseverything.net/easyclearing.html */



.UserPhoto th,.Caption {
	display:none;
}

.UserPhoto2 {
	position: relative;
	width: 170px;
	float: left;
	display: block;
	vertical-align: top;
}

.Image2 {
	text-align:center;
	width: 170px;
}

.forwardwidth { /* Style to keep the dynamic content in the add forwarding number page aligned */
	width:220px
}

.gradientHeader, .gradientHeaderSmall, .gradientHeaderDoubleWidth {
	font-weight: bold;
	color: #032A6E !important;
	letter-spacing: 0em;
	font-size: 13px;
	text-transform: lowercase;
	margin-bottom:5px; 
	position: relative; 
	padding:2px 0 5px 10px;

}