.tabdata tr:hover {
	background-color: #FFEFCE;
	}



img { border: 0; }
.sigup {
    font-family: Trebuchet MS, Verdana;
    font-size: 13px;
    color: white;
}



body 
{
    background-image:url(images/back_menu.gif);
    background-position:top;
    background-repeat: repeat-x;
    background-color:#fff;
    margin: 0px 0 0 0;
    text-align: center;
    font-family: Verdana;
    font-size: 11px;
    text-align: center;
    color: #4D4D4D;
    margin:0; 
    padding:0;
}
    
#network 
{
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    font-family: arial;
    font-size: 11px;
    text-align: left;
    padding-top: 7px;
    color: #999999;
    height: 18px;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    margin-bottom: 10px;
}

#container 
{
    text-align: left;
    margin: 0px auto;
    width: 757px;
    padding: 0px;
    border:1px solid #E5E5E5;
    display:block;
}

#container2 
{
    height: 560px;
}

#title_psp 
{   
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    color: #4471a8;
    margin-bottom: 40px;
}

#reward 
{   
    float: left;
    text-align: center;
    font-family: arial;
    font-size: 11px;
    color: #999999;
    width: 205px;
    height: auto;
    line-height: 150%;
    margin-right: 79px;
    margin-bottom: 10px;
}

#status 
{
    float: right;
    font-family: arial;
    font-size: 11px;
    color: #999999;
    width: 422px;
    height: 160px;
    line-height: 190%;
}

#referral_container 
{
    font-family: arial;
    font-size: 11px;
    color: #999999;
    width: 700px;
    margin-top: 21px;
}

#referral 
{
    background-image: url(images/referralbg.jpg);
    background-repeat: no-repeat;
    text-align: center;
    height: 25px;
    padding-top: 5px;
}

#referrals_container 
{
    font-family: arial;
    font-size: 11px;
    color: #999999;
    width: 700px;
    margin-top: 10px;
}

#referrals 
{
    height: 25px;
    padding-top: 5px;
    margin-bottom: 16px;
}

/* Colouring Start */
.lightblue { color: #7096c5; font-weight: bold; }
.darkblue { color: #4471a8; font-weight: bold; }
.lightgreen { color: #95ce12; }
.darkgreen { color: #77a40f; }
.lightred { color: #ee4040; }
.darkred { color: #cd1212; }
.darkgrey { color: #666666; }
.lightorange { color: #FF9900 }
/* Colouring End */


/* Positioning Start */
.left { text-align: left; }
.middle { text-align: center; }
.right { text-align: right; }
.status { margin-top: 40px; }
/* Positioning End */


/* Referrals */
.floatleft { float: left; text-align: left; }
.floatright_y { width: 188px; float: right; text-align: right; background: #ffffeb; padding: 3px; }
.floatright_c { width: 188px; float: right; text-align: right; padding: 3px; }
.yellow 
{
    height: 14px;
    background: #ffffeb;
    padding: 3px;
    float: left;
    width: 500px;
}
.clear { height: 14px; width: 500px; background: #fff; padding: 3px; float: left; }


/* Links Start */

a:link 
{ 
    color: #62AADE;
    text-decoration: none;
}

a:visited 
{
    text-decoration: none;
    color: #62AADE;
}

a:hover 
{
    text-decoration: underline;
}

a:active 
{
    text-decoration: none;
    color: #62AADE;
}
/* Links End */


/* Sign Up Options */
#option 
{  
    text-align: center;
    font-family: arial;
    font-size: 11px;
    color: #999999;
    float: left;
    width: 249px;
}

#option2 
{
    text-align: center;
    font-family: arial;
    font-size: 11px;
    color: #999999;
    width: 241px;
    float: right;
}

#optionextend 
{
    width: 100%;
    text-align: center;
}

#steps 
{
    float: left;
    font-family: arial;
    font-size: 11px;
    color: #999999;
    width: 234px;
    line-height: 190%;
}

#indexcontent 
{
    width: 757px;
    height: 255px;
    padding: 0px;
    border: 0px;
}

#footer, #footer a
{
    color:#767676;
    font-family:Verdana, Arial;
    font-size:9px;
    font-weight:normal;
}

.footer2 
{
    color:#767676;
    font-family:Verdana, Arial;
    font-size:9px;
    font-weight:normal;
    border-top: 3px solid #E5E5E5;
}

.footer3 
{
    color:#C0C0C0;
    font-family:Verdana, Arial;
    font-size:10px;
    font-weight:normal;
    text-align: center;
}

#signup 
{
    font-family: arial;
    font-size: 12px;
    font-weight:bold;
    color: white;
    padding-left:15px;
    width:372px;
    background-repeat:no-repeat;
    background-image:url(images/back_signup.gif);
    vertical-align:middle;
}

#alreadyamember
{
    font-family:verdana;
}

#alreadyamember a
{
  color:#F86A00;
}

#itemstable
{
    overflow:hidden;
    width:267px;
    height:255px;
    padding:0px;
}

#itemstable td
{
    font-family:tahoma;
    font-size:10px;
    padding:0px;
}

.itemname
{
    width:145px;
    padding:0px;
    margin:0px;
    margin-right:5px;
    display:block;
}

.itemimage
{
    width:80px;
    height:40px;
    padding:0px;
    margin:0px;
    overflow:hidden;
}

.strip
{
    line-height:1px;
    padding:0px;
    height:1px;
}

.strip img
{
    display:block;
}

.box_red 
{
    background: #fa5d5d;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    margin-right: 5px;
}

.box_blue 
{
    background: #7bc8f1;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    margin-right: 5px;
}

.box_green 
{
    background: #9fe456;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    margin-right: 5px;
}

.box_orange 
{
    background: #f9a25c;
    color: #ffffff;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    margin-right: 5px;
}

/* Text Boxes Start */

.signupbox 
{
    width: 190px;
    margin-top: 5px;
    height: 15px;
    border:0px;
    font-family: arial;
    font-size: 11px;
}

.signupbox2 
{
    width: 100px;
    margin-top: 5px;
    height: 15px;
    border: 1px solid #000000;
    font-family: arial;
    font-size: 11px;
}

.signupbox3 
{
    width: 150px;
    margin-top: 5px;
    height: 15px;
    border: 1px solid #000000;
    font-family: arial;
    font-size: 11px;
}

.signupboxb 
{
    width: 80px;
    font-family: arial;
    font-size: 10px;
    margin-top: 6px;
    padding: 2px;
}

#memberslogin 
{   
    background: #ffffff;
    color: #999999;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
    margin: 5px;
    float: right;
    border: 1px solid #E5E5E5;
}

#remove_back 
{
    background: #ffffff;
    color: #999999;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
    margin: 5px;
    float: left;
    border: 1px solid #E5E5E5;
}

#bar 
{
    border: 1px solid #ccc;
    font-family: arial;
    font-size: 11px;
    text-align: center;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #999999;
    width: 732px;
    background: #fff;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.textbox 
{
    font-family: arial;
    font-size: 11px;
    text-align: center;
    color: #999999;
}

.box 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #4D4D4D;
    background-color: #F0F6FB;
    padding: 5px;
}

.box3 
{
    font-family: Trebuchet MS, Verdana;
    font-size: 11px;
    text-align: justify;
    padding-left: 10px;
    padding-right: 10px;
    color: #4D4D4D;
    border: 1px solid #e5e5e5;
}

#items 
{
    margin-top: 15px;
    border: 1px solid #ffffff;
}

#front 
{
    margin-top: 20px;
    padding: 0;
    float: left;
    width: 720px;
    text-align: left;
}

.welcome 
{
    font-size: 12px;
    color: #4D4D4D;
}

#csstopmenu, #csstopmenu ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

#csstopmenu li
{
    float: left;
    position: relative;
}

#csstopmenu a
{
    text-decoration: none;
}

.headerlinks a
{
    font-weight: bold;
    color: black;    
}

div.submenus
{
    display: none;
    position: absolute;
    top: 2em;
    left: -200px;
    width:367px;
    height:300px;
    background-image:url('/images/back_sites.gif');
    background-color:white;
    border:1px solid #797979;
    padding-right:2px;
}

a.gray
{
    color:#797979;
}

a.siteitem
{
    color:#797979;
    font-weight:bold;
    font-size:10px;
    font-family:Verdana, Arial;
}

a.siteitem p
{
    width:100px;
    padding-left:2px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    margin:1px;
    text-align:right;
    cursor:hand;
}

a.siteitem:hover
{
    background-color:#FFF574;
    text-decoration:none;
}

#csstopmenu li>div 
{/* non IE browsers */
    top: auto;
    left: auto;
}

#csstopmenu li:hover div, li.over div 
{
    display: block;
    left: -220px;
}

html>body #clearmenu
{ /* non IE browsers */
    height: 3px;
}

.anotherbg
{
    margin:0px auto;
    padding:0px;
    padding-top:7px;
    text-align:center;
    background-image:url(images/back_netsitegrey.gif);
    background-repeat:repeat-x;
    background-position:top;
}

.anotherbg img
{
    display:block;
    margin:auto;
}

h3 
{
    font-size:12px;
    font-family:arial;
    margin:5px;
    color:#62AADE;
}

.h8 
{
    font-size:13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#808284;
}

.topmenu a, .topmenu a:visited
{
    color:white;
    font-size:9px;
    font-family:tahoma;
}

.backy 
{
    background: #BCA6C5;
}

.backydone 
{
    font-size:13px;
    font-family:Trebuchet MS, Verdana;
    color:#ffffff;
    background: #BCA6C5;
    padding-right:10px;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
}

.offerbacky 
{
    background: #E7E6E7;
}

.featurebacky 
{
    background: #FFE5C0;
}

.whitehead 
{
    padding-right:5px;
    color: #62AADE;
    background: #BCA6C5;
    font-size:13px;
    font-family:Trebuchet MS, Verdana;
    font-weight:bold;
}

.offerhead 
{
    padding-right:10px;
    color:white;
    font-size:17px;
    font-family:Trebuchet MS, Verdana;
    font-weight:bold;
}

.rcb1
{ 
    display:block;
} 
.rcb1 *{ 
    display:block;
    height:1px;
    overflow:hidden;
    background:#666666;
}

.rcb11
{ 
    border-right:1px solid #e9e9e9;
    padding-right:1px;
    margin-right:3px;
    border-left:1px solid #e9e9e9;
    padding-left:1px;
    margin-left:3px;
    background:#d8d8d8;
}

.rcb12
{ 
    border-right:1px solid #f9f9f9;
    border-left:1px solid #f9f9f9;
    padding:0px 1px;
    background:#d5d5d5;
    margin:0px 1px;
}

.rcb13
{
    border-right:1px solid #d5d5d5;
    border-left:1px solid #d5d5d5;
    margin:0px 1px;
} 

.rcb14
{ 
    border-right:1px solid #e9e9e9;
    border-left:1px solid #e9e9e9;
}

.rcb15
{
    border-right:1px solid #d8d8d8;
    border-left:1px solid #d8d8d8;
} 

.rcb1_content
{ 
    padding:0px 5px;
    background:#666666;
    font-family: Trebuchet MS, Verdana;
    text-align: left;
    color: #ffffff;
} 

.rcb1_content a 
{ 
    font-family: Trebuchet MS, Verdana;
    color: #ffffff;
    text-decoration:none;
} 

.rcb1_content a:hover
{ 
    font-family: Trebuchet MS, Verdana;
    color: #ffffff;
    text-decoration: underline;
} 

.rcb1_content a:visited
{ 
    font-family: Trebuchet MS, Verdana;
    color: #ffffff;
    text-decoration:none;
} 

.rcb1_content a:visited:hover
{ 
    font-family: Trebuchet MS, Verdana;
    color: #ffffff;
    text-decoration:underline;
} 

.contentBox 
{
	padding: 6px; 
	border: 1px solid #666666;
}

.boxsize 
{
    width: 330px;
}

.boxsize2 
{
    width: 590px;
}

.rcb2
{ 
    display:block;
}
 
.rcb2 *
{ 
    display:block;
    height:1px;
    overflow:hidden;
    background:#ccc;
}

.rcb21
{ 
    border-right:1px solid #e9e9e9;
    padding-right:1px;
    margin-right:3px;
    border-left:1px solid #e9e9e9;
    padding-left:1px;
    margin-left:3px;
    background:#d8d8d8;
}

.rcb22
{ 
    border-right:1px solid #f9f9f9;
    border-left:1px solid #f9f9f9;
    padding:0px 1px;
    background:#d5d5d5;
    margin:0px 1px;
} 

.rcb23
{ 
    border-right:1px solid #d5d5d5;
    border-left:1px solid #d5d5d5;
    margin:0px 1px;
}

.rcb24
{ 
    border-right:1px solid #e9e9e9;
    border-left:1px solid #e9e9e9;
} 

.rcb25
{ 
    border-right:1px solid #d8d8d8;
    border-left:1px solid #d8d8d8;
} 

.rcb2_content
{ 
    padding:0px 5px;
    background:#ccc;
    font-family: Verdana;
    text-align: left;
    color: #666666;
} 

.contentBoxf {
	padding: 6px; 
	border: 1px solid #666666;
	}

.signupboxin 
{   
    width: 190px;
    margin-top: 5px;
    height: 20px;
    border:0px;
    font-family: arial;
    font-size: 13px;
}

.rcb3_content
{ 
    padding:0px 5px;
    background:#666666;
    font-family: Verdana;
    color: #ffffff;
} 

.rcb3_content a:link
{ 
    font-family: Verdana;
    color: #ffffff;
    text-decoration:none;
}

.rcb3_content a:hover
{ 
    font-family: Verdana;
    color: #ffffff;
    text-decoration:underline;
}

.rcb3_content a:visited
{ 
    font-family: Verdana;
    color: #ffffff;
    text-decoration:none;
}

.rcb3_content a:visited:hover
{ 
    font-family: Verdana;
    color: #ffffff;
    text-decoration:underline;
}

.signupboxin 
{
    width: 190px;
    margin-top: 5px;
    height: 20px;
    border:0px;
    font-family: arial;
    font-size: 13px;
}

.signupboxinsig 
{
    width: 150px;
    margin-top: 5px;
    height: 20px;
    border:0px;
    font-family: arial;
    font-size: 13px;
}

.signupaddress 
{
    width: 120px;
    margin-top: 5px;
    height: 20px;
    border:0px;
    font-family: arial;
    font-size: 13px;
}

.signupdropdown 
{
    width: 70px;
    margin-top: 5px;
    height: 20px;
    border:0px;
    font-family: arial;
    font-size: 13px;
}

/* Normal Bubble */
div.bubble {
	width: 650px;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #b7e0ff;
	background-color: #fff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(tip-rounded.gif) no-repeat 15px 0;
}

.OuttaBox {
	margin: 30px auto 30px auto;
	height: 145px;
	width: 550px;
	padding: 5px;
	border: 1px solid #6CB0E8;
	cursor:pointer;
}

.OuttaBox:hover {
background-color:#F4F9FD;
cursor:pointer;
}

.Banner120 {
	width: 121px;
	height: 120px;
	float:left;
	margin: 8px 10px 5px 8px;
}

.tryme {
	width: 70px;
	height: 70px;
	margin: 2px auto 0px auto;
}

.OfferTitle{
	width: 405px;
	height: 145px;
	font-size: 16px;
	float:left;
	color: #94BCED;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left
}
.desc{
	margin: 5px 0px 0px 0px;
	width: auto;
	height: 60px;
	font-size: 12px;
	float:left;
	color: #4D4849;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-weight: normal;
}

.req{
	width: auto;
	height: 100px;
	font-size: 10px;
	float:left;
	color: #4D4849;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-weight: bold;
	border-top: 1px dotted;
	margin: 15px 0px 0px 0px;
}


.TabbedPanels {
	margin: 0px auto 20px auto;
	padding: 0px;	
	clear: none;
	width: 600px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 1.2em verdana;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;

}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #ffffff;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}