/**
 * 
 * Scale DB style.css
 * 
 */

/**
 * Global
 */
body
{
	background: #000000 url( images/bg_gradient.gif ) repeat-x 0 0;
	font-family: arial;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 17px;
	color: #000000;
}

div, h1, h2, h3, h4, h5, h6, dl, dt, dd
{
	margin: 0;
	padding: 0;
}

h1
{
	color: #79b933;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	padding: 0 0 1px;
}
h2
{
	color: #79b933;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
	padding: 8px 0;
}
h3
{
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	line-height: 13px;
	padding: 2px 0;
}

ul
{
	margin: 0;
	padding: 5px 0 20px 15px;
	list-style-type: none;
}
ul li
{
	margin: 0;
	padding: 1px 0 1px 19px;
	background: url( images/bullet.gif ) no-repeat 0 7px;
	font-size: 13px;
	line-height: 17px;
}

p
{
	margin: 0;
	padding: 10px 0;
}

a
{
	text-decoration: none;
	color: #2983b5;
}
a:visited
{
	color: #9a4fc9;
}
a:hover
{
	text-decoration: underline;
}

img
{
	border: none;
}

/**
 * Common class
 */
.clear
{
	clear: both;
}
.center
{
	text-align: center;
}

/**
 * Layout
 */
#main-wrapper
{
	width: 864px;
	margin: 22px auto 0;
}

#head-wrapper
{
	
}

#mid-wrapper
{
	background: #ffffff;
	padding: 0 0 21px;
}

#mid-left-wrapper
{
	clear: both;
	float: left;
	width: 419px;
	padding: 21px 60px 0 22px;
}

#mid-right-wrapper
{
	float: right;
	width: 342px;
	padding: 21px 21px 0 0;
}

#mid-bottom-wrapper
{
	padding: 2px 22px 0 22px;
	clear: both;
}

#foot-wrapper
{
	padding: 0 3px 3px 3px;
	margin: 0 0 25px;
	background: #ffffff;
	height: 30px;
}

/**
 * Navigation
 */
ul#main-navigation
{
	margin: 0;
	padding: 4px 3px 0 3px;
	height: 38px;
	list-style-type: none;
}
ul#main-navigation li
{
	float: left;
	height: 26px;
	font-size: 16px;
	font-weight: bold;
	color: #2983b5;
	padding: 12px 15px 0;
	background: none;
}
ul#main-navigation li a
{
	display: block;
	color: #2983b5;
}
ul#main-navigation li.current,
ul#main-navigation li.current:hover
{
	background: #2983b5;
	color: #ffffff;
}
ul#main-navigation li.current a,
ul#main-navigation li.current:hover a,
ul#main-navigation li.current a:hover
{
	color: #ffffff;
	text-decoration: none;
}
ul#main-navigation li:hover a,
ul#main-navigation li a:hover
{
	color: #79b933;
	text-decoration: underline;
}

ul#sub-navigation
{
	clear: both;
	margin: 0;
	padding: 0 3px;
	background: #2983b5;
	height: 30px;
}
ul#sub-navigation li
{
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #ffffff;
	padding: 0 15px;
	background: none;
}
ul#sub-navigation li a
{
	display: block;
	color: #ffffff;
}
ul#sub-navigation li.current a,
ul#sub-navigation li.current:hover a,
ul#sub-navigation li.current a:hover
{
	font-weight: bold;
	text-decoration: none;
}
ul#sub-navigation li:hover a,
ul#sub-navigation li a:hover
{
	text-decoration: underline;
}

/**
 * Form
 */
dl.medium-form
{
	padding: 0 0 0 4px;
}
dl.medium-form dt
{
	width: 97px;
	float: left;
	line-height: 20px;
	padding: 8px 3px 8px 0;
	text-align: right;
	clear: both;
}
dl.medium-form dt.col-one
{
	float: none;
	width: 100%;
	text-align: left;
	padding: 8px 0 0;
}
dl.medium-form dd
{
	float: left;
	width: 315px;
	padding: 8px 0;
}
dl.medium-form dd.col-one
{
	float: none;
	padding: 8px 0 8px 97px;
}

.tiny-col
{
	display: block;
	float: left;
	width: 20px;
}
.tiny-indent
{
	display: block;
	margin-left: 20px;
}

input[type=text].medium-text,
input[type=password].medium-text,
select.medium-text
{
	border: 1px solid #eeeeee;
	border-top: 1px solid #999999;
	width: 313px;
	height: 18px;
}
input[type=checkbox]
{
	margin: 3px 0;
}
textarea.medium-text
{
	border: 1px solid #eeeeee;
	border-top: 1px solid #999999;
	width: 313px;
	height: 48px;
}

.submit-button
{
	padding: 0;
	margin: 0;
	border: none;
	background: url( images/submit_btn.gif ) no-repeat;
	width: 99px;
	height: 35px;
}
.cancel-button
{
	padding: 0;
	margin: 0 0 0 11px;
	border: none;
	background: url( images/cancel_btn.gif ) no-repeat;
	width: 99px;
	height: 35px;
}

/**
 * Sidebar
 */
#sidebar
{
	padding: 14px 24px 19px 18px;
}
.how-sidebar
{
	background: #f1f1f1 url( images/how_gradient.gif ) repeat-x 0 0;
}
.popular-sidebar
{
	background: #ffffff url( images/popular_gradient.gif ) repeat-x 0 0;
}
.popular-with-button-sidebar
{
	background: #ffffff url( images/popular_links_w_btn_gradient.gif ) repeat-x 0 0;
}

#sidebar h2
{
	font-size: 20px;
	font-weight: normal;
	color: #666666;
	padding: 0;
}
#sidebar ul
{
	margin: 0;
	padding: 5px 0 5px 3px;
	list-style-type: none;
}
#sidebar ul li
{
	padding: 3px 0 3px 19px;
	background: url( images/bullet_light.gif ) no-repeat 0 9px;
	font-size: 13px;
	line-height: 17px;
}
#sidebar .sidebar-image
{
	padding: 11px 0 33px;
}
#sidebar .join-button
{
	padding: 19px 0 0;
	text-align: center;
}

/*
 * Footer
 */
#foot
{
	background: #000000;
	height: 30px;
	position: relative;
	text-align: center;
}

ul#footer-links
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
ul#footer-links li
{
	padding: 0 14px;
	color: #ffffff;
	display: inline;
	line-height: 30px;
	font-size: 11px;
}
ul#footer-links a
{
	color: #ffffff;
}

#footer-text
{
	position: absolute;
	top: 0;
	right: 80px;
	color: #ffffff;
	font-size: 11px;
	line-height: 30px;
}

.header-link a {
	color: #79B933 !important;
}

div.logos-wrapper {
	padding: 5px 0 15px 20px;
}

div.logos-wrapper img { margin-left: 10px; }

div.as-wide-as img { margin-right: 43px; }