﻿html
{
	background: url(Images/gradient_bg.gif) repeat-x;
 	background-color: #c1dbad;
}

body, table, th, input, textarea, select
{
	font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	color: #545454;
}

img
{
	border: 0;
}

hr
{
	height: 0;
	border: 0;
	border-top: 1px dotted #ddecd2;
}


/* template elements */
#page
{
	margin: 0 auto;
	width: 940px;
}

#header
{
	background: url(Images/header_bg.gif) no-repeat;
	height: 126px;
	position: relative;
}

#header-logo
{
	left: 40px;
	position: absolute;
	top: 35px;
}

#header-title
{
	color: #669933;
	font-size: 18px;
	font-weight: bold;
	left: 310px;
	position: absolute;
	top: 45px;
	width: 340px;
}

#hlogin
{
	position: absolute;
	right: 27px;
	top: 15px;
	width: 180px;
}

#hlogin-inner
{
	height: 80px;
	position: relative;
}

#hlogin-action
{
	bottom: 0;
	position: absolute;
}

#hlogin a
{
	color: #669933;
}

#hlogin a:hover
{
	color: #f89738;
}

#main
{
	background: url(Images/main_bg.gif) no-repeat;
	padding: 0 27px;
	position: relative;
}

#main-inner
{
	background-color: #fff;
	border-left: 8px solid #ddecd2;
	border-right: 8px solid #ddecd2;
}


/* navigation */
#navigation
{
	background-color: #f89738;
	padding: 6px 20px 8px 20px;
}

#navigation a
{
	text-decoration: underline;
}

#navigation a:hover
{
	text-decoration: none;
}


/* menu */
#menu
{
	float: left;
	width: 163px;
}

.menu-list
{
	background: url(Images/bg_menu_bottom.gif) no-repeat left bottom;
}

.menu-item
{
	border-bottom: 1px solid #cadabf;
	padding: 5px 0;
}

.menu-sub-item
{
	border-bottom: 1px solid #cadabf;
	font-size: 12px;
	padding: 5px 0 5px 10px;
}

.menu-item a, .menu-sub-item a
{
	color: #000;
}


#poweredby
{
    vertical-align: bottom; 
    bottom: 0px; 
    padding-bottom: 15px; 
    position: absolute;
}

/* content */
#content
{
	float: right;
	padding-top: 10px;
	width: 670px;
}

#content, #content ul
{
	line-height: 20px;
}

.full-column
{
	position: relative;
}

.text-column
{
	float: left;
	position: relative;
	width: 440px;
}

.detail-column
{
	float: right;
	position: relative;
	width: 183px;
}

.split-column
{
	position: relative;
	width: 48%;
}

.pushright
{
    float:right;
}


/* home page */
#headlines
{
	line-height: normal;
}

#headlines ul
{
	margin: 0;
	padding: 0;
}

#headlines li
{
	list-style: none;
	padding-bottom: 5px;
}

.headline-box
{
	background: url(Images/headline_box_top.gif) no-repeat left top;
}

.headline-box-bottom
{
	background: url(Images/headline_box_bottom.gif) no-repeat left bottom;
}

.item-box, .item-box-update, .item-box-last
{
	background: url(Images/item_box_bg.gif) no-repeat;
	float: left;
	height: 146px;
	margin-right: 32px;
	width: 185px;
}

.item-box-update
{
	background: url(Images/item_box_bg_update.gif) no-repeat;
}

.item-box-last
{
	margin-right: 0;
}

.partner
{
	padding: 10px;
}


/* footer */
#footer
{
	background: url(Images/footer_bg.gif) no-repeat top;
	clear: both;
	font-size: 11px;
}

#footer a
{
	color: #545454;
}

#footer a:hover
{
	text-decoration: underline;
}


/* extras */
#html_box
{
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	display: none;
	font-family: Courier;
	padding: 0 10px;
	position: absolute;
	text-align:left;
	z-index: 5;
}


/* steps */
.step
{
	padding: 20px 0;
}

.step-icon
{
	background: url(Images/step_bg.gif) no-repeat 0 0;
	height: 77px;
	float: left;
	margin-right: 10px;
	width: 77px;
}

.step-icon img
{
	border: none;
	width: 67px;
	height: 67px;
	margin-top: 4px;
	margin-left: 5px;
}

.step-text
{
	float: left;
	width: 215px;
}

.cardprogram-step
{
	padding: 10px 0;
}

.cardprogram-step-icon
{
	background: url(Images/step_bg.gif) no-repeat 0 0;
	height: 77px;
	float: left;
	margin-right: 60px;
	width: 77px;
}

.cardprogram-step-icon img
{
	border: none;
	width: 67px;
	height: 67px;
	margin-top: 4px;
	margin-left: 5px;
}

.cardprogram-step-text
{
	float: left;
	width: 390px;
}

.step-checked
{
	float: left;
	height: 77px;
	margin-left: 50px;
	width: 77px;
}


/* hoverbox */
.hoverbox
{
	cursor: pointer;
	margin: 0 10px;
}

.view
{
	background-color: #fff;
	border: 1px solid #669933;
}

.preview
{
	background-color: #fff;
	border: 1px solid #669933;
	display: none;
	position: absolute;
}


/* social networking */
.bookmarks
{
	clear: both;
	padding: 10px;
}

.bookmarks ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.bookmarks ul li.myspace
{
	background: url("Images/sb/myspace.gif") no-repeat 0 0;
}

.bookmarks ul li.linkedin
{
	background: url("Images/sb/linkedin.gif") no-repeat 0 0;
}

.bookmarks ul li.delicious
{
	background: url("Images/sb/delicious.gif") no-repeat 0 0;
}

.bookmarks ul li.digg
{
	background: url("Images/sb/digg.gif") no-repeat 0 0;
}

.bookmarks ul li.reddit
{
	background: url("Images/sb/myspace.gif") no-repeat 0 0;
}

.bookmarks ul li.facebook
{
	background: url("Images/sb/facebook.gif") no-repeat 0 0;
}

.bookmarks ul li.stumbleupon
{
	background: url("Images/sb/stumbleupon.gif") no-repeat 0 0;
}

.bookmarks ul li a
{
	padding: 0 0 0 20px;
}


/* popup */
#facebox .b
{
	background: url(Images/popup/b.png);
}

#facebox .tl
{
	background: url(Images/popup/tl.png);
}

#facebox .tr
{
	background: url(Images/popup/tr.png);
}

#facebox .bl
{
	background:url(Images/popup/bl.png);
}

#facebox .br
{
	background:url(Images/popup/br.png);
}

#facebox
{
	left: 0;
	position: absolute;
	text-align: left;
	top: 0;
	z-index: 100;
}

#facebox .wrapper
{
	position: relative;
}

#facebox table
{
	border-collapse: collapse;
}

#facebox td
{
	border-bottom: 0;
	padding: 0;
}

#facebox .body
{
	border: 1px solid #77461b;
	background-color: #fff;
	width: 410px;
}

#facebox .heading
{
	background-color: #f89738;
	border-bottom: 1px solid #ae6a27;
	padding: 5px;
}

#facebox .header
{
	background-color: #edf2eb;
	border-bottom: 1px solid #cadabf;
	padding: 10px 5px;
	text-align: right;
}

#facebox .content
{
	background-color: #fff;
}

#facebox .loading
{
	text-align: center;
}

#facebox .image
{
	text-align: center;
}

#facebox img
{
	border: 0;
	margin: 0;
}

#facebox .footer
{
	background-color: #edf2eb;
	border-top: 1px solid #cadabf;
	padding: 10px 5px;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br
{
	height: 10px;
	overflow: hidden;
	padding: 0;
	width: 10px;
}

#facebox_overlay
{
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	
	background-color: #000;
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.facebox_hide
{
	z-index:-100;
}


/* tabs */
.ui-tabs-nav
{
	float: left;
	position: relative;
	z-index: 1;
}

.ui-tabs-nav ul
{
	list-style: none;
}

.ui-tabs-nav li
{
	background-color: #deefd6;
	border: 1px solid #639a31;
	border-bottom: none;
	float: left;
	list-style: none;
	margin-right: 10px;
}

.ui-tabs-nav li a
{
	float: left;
	padding: .5em 1.2em;
	text-decoration: none;
}

.ui-tabs-nav li a:hover
{
	background-color: #639a31;
	color: #fff;
}

.ui-tabs-nav li.ui-tabs-selected
{
	background-color: #ff9639;
	color: #fff;
}

.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover
{
	color: #fff;
}

.ui-tabs-panel
{
	clear: left;
	border: 1px solid #d3d3d3;
}

.ui-tabs-hide
{
	display: none;
}