body
{
	margin: 0px;
	padding: 0px;
	background: #647191 url(http://www.yomomedia.com/images/bg.jpg) repeat-x 0px 0px;
	font: normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h1, h2, h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #c00;
}

h1
{
	font-weight: bold;
	font-size: 18pt;
	margin-top: 0px;

}

h3
{
	font-size: 21px;
	margin-bottom: 0px;
	margin: 0px;
	margin-bottom: 5px;	
}

p,
ul
{
	margin-top: 5px;
}

#page
{
	width: 880px; 
	margin: 0px auto;
}

#header
{
	background-color: #fec104;
	height: 80px;
	border-bottom: 1px solid #eb8143;
	position:relative;
}

#yomoStatus
{
	background-color: #606;
	color: #fff;
	display: inline;
	float: left;
	margin: 5px 0px 0px 5px;
	padding: 5px 10px;
	visibility: hidden;
}

#login-links
{
	display: inline; 
	float: right; 
	font-weight: normal;
	font-size: 8pt;
	line-height: 11pt;
	margin: 3px 20px 0px 20px;
	text-align: left;
}

#secondary-pane
{
	background-color: #e5e5e5;
	margin: 0px 5px 0px 318px;
	background: #fff url(http://www.yomomedia.com/images/shadow-right-bg.gif) repeat-y scroll right top;
}

#secondary-pane-shadow
{
	background: transparent url(http://www.yomomedia.com/images/shadow-bottom-bg.gif) no-repeat scroll right top;
	font-size: 8px;
	margin: 0px 5px 0px 326px;
}

#logo
{
	margin-top: 10px; 
	margin-left: 10px;
}


/* START - Tabs */

#tabs
{
	position: absolute; 
	top: 49px; 
	left: 265px; 
	width: 583px;
	z-index: 1;
}

#home-tab,
#add-content-tab,
#settings-tab,
#bundles-tab,
#feeds-tab,
#library-tab,
#my-yomo-tab,
#screenshots-tab,
#faq-tab,
#help-tab,
#feedback-tab,
#blog-tab,
#about-tab
{
	display: block;
	height: 32px;
	float: left;
	background-attachment: scroll;
	background: #FEC104 url(../images/tabs.png) no-repeat 0px 0px;
}

#home-tab span,
#add-content-tab span,
#settings-tab span,
#bundles-tab span,
#feeds-tab span,
#library-tab span,
#my-yomo-tab span,
#screenshots-tab span,
#faq-tab span,
#help-tab span,
#feedback-tab span,
#blog-tab span,
#about-tab span
{
	display: none;
}

#home-tab
{
	background-position: 0px 0px;
	width: 74px;
}

#home-tab:hover
{
	background-position: 0px -32px;
}

#home-tab.active
{
	background-position: 0px -64px;
}

#add-content-tab
{
	background-position: -74px 0px;
	width: 127px;
}

#add-content-tab:hover
{
	background-position: -74px -32px;
}

#add-content-tab.active
{
	background-position: -74px -64px;
}

#settings-tab
{
	background-position: -201px 0px;
	width: 99px;
}

#settings-tab:hover
{
	background-position: -201px -32px;
}

#settings-tab.active
{
	background-position: -201px -64px;
}

#bundles-tab
{
	background-position: -300px 0px;
	width: 98px;
}

#bundles-tab:hover
{
	background-position: -300px -32px;
}

#bundles-tab.active
{
	background-position: -300px -64px;
}

#feeds-tab
{
	background-position: -398px 0px;
	width: 78px;
}

#feeds-tab:hover
{
	background-position: -398px -32px;
}

#feeds-tab.active
{
	background-position: -398px -64px;
}

#library-tab
{
	background-position: -476px 0px;
	width: 91px;
}

#library-tab:hover
{
	background-position: -476px -32px;
}

#library-tab.active
{
	background-position: -476px -64px;
}

#my-yomo-tab
{
	background-position: -567px 0px;
	width: 95px;
}

#my-yomo-tab:hover
{
	background-position: -567px -32px;
}

#my-yomo-tab.active
{
	background-position: -567px -64px;
}

#screenshots-tab
{
	background-position: -312px 0px;
	width: 136px;
}

#screenshots-tab:hover
{
	background-position: -312px -32px;
}

#screenshots-tab.active
{
	background-position: -312px -64px;
}

#faq-tab
{
	background-position: -448px 0px;
	width: 62px;
}

#faq-tab:hover
{
	background-position: -448px -32px;
}

#faq-tab.active
{
	background-position: -448px -64px;
}

#help-tab
{
	background-position: -510px 0px;
	width: 70px;
}

#help-tab:hover
{
	background-position: -510px -32px;
}

#help-tab.active
{
	background-position: -510px -64px;
}

#feedback-tab
{
	background-position: -580px 0px;
	width: 109px;
}

#feedback-tab:hover
{
	background-position: -580px -32px;
}

#feedback-tab.active
{
	background-position: -580px -64px;
}

#blog-tab
{
	background-position: -689px 0px;
	width: 71px;
}

#blog-tab:hover
{
	background-position: -689px -32px;
}

#blog-tab.active
{
	background-position: -689px -64px;
}

#about-tab
{
	background-position: -760px 0px;
	width: 82px;
}

#about-tab:hover
{
	background-position: -760px -32px;
}

#about-tab.active
{
	background-position: -760px -64px;
}

/* END - Tabs */

/* BEGIN - subnav links */

	#links-container
	{
		position: relative;
		background-color: #E5E5E5;
		height: 34px;
	}
	
	#links-container.no-links
	{
		height: 20px;
	}
	
	#home-links,
	#screenshots-links,
	#faq-links,
	#help-links,
	#feedback-links,
	#blog-links,
	#about-links 
	{
		position:absolute;
		color:#0033CC;
		padding:0;
		font-size: 8pt;
		color: #0033CC;
		top: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#home-links 
	{
		left: 196px;
	}
	
	#screenshots-links 
	{
		left: 167px;
	}
	
	#faq-links 
	{
		left: 302px;
	}
	
	#help-links 
	{
		left: 322px;
	}
	
	#feedback-links 
	{
		left: 463px;
	}
	
	#blog-links 
	{
		left: 571px;
	}
	
	#about-links 
	{
		left: 660px;
	}
	
	#home-links a,
	#screenshots-links a,
	#faq-links a,
	#help-links a,
	#feedback-links a,
	#blog-links a,
	#about-links a
	{
		display: inline;
		padding:0 12px 0;
		border-left: 1px solid #00c;
	}
	
	#home-links .first,
	#screenshots-links .first,
	#faq-links .first,
	#help-links .first,
	#feedback-links .first,
	#blog-links .first,
	#about-links .first
	{
		border-left: none;	
	}

/* END - subnav links */

/* BEGIN - content */

	#content-container
	{
		background-color: #e5e5e5;
		padding: 20px;
		padding-top: 0px;
	}
	
	#content-container.no-links
	{
		padding-top: 20px;
	}
	
	#content-header
	{
		height: 20px;
		background: #fff url(/images/shadow-right-top-bg.gif) no-repeat scroll right top;
	}
	
	#content
	{	
		padding: 20px;
		padding-top: 0px;
		background: #fff url(/images/shadow-right-bg.gif) repeat-y scroll right top;
	}
	
	#content-footer
	{ 
		height: 7px;
		background: transparent url(/images/shadow-bottom-bg.gif) no-repeat scroll right top;
		margin-left: 10px;
	}

/* END - content */

#footer
{
	background-color: #E5E5E5; 
	padding: 20px 17px 20px 35px;
	color: #666;
}

#footer h3 {
	font-size:12px;
	font-weight: bold;
}

#footer a {
	color: #666;
	text-decoration:none;
}

#footer table {
	width:100%;
}

#footer td {
	vertical-align: top;
}

.footer_content {
	width:255px;
}

#footer p {
	font-size:9px;
	margin-right:40px;
	line-height:14px;
}

#footer ul {
	float:left;
	font-size:9px;
	list-style-type: none;
	margin:5px 18px 0 0;
	padding:0;
}

#footer ul li {
	font-weight:bold;
	margin-bottom:3px;
}

#footer ul li.sub {
	font-weight:normal;
	margin-left:5px;
}


#footer-nav
{
	color: #333366; 
	font-size: 9pt;
	padding-top: 10px;
	text-align: center;
}
 
#footer-copyright
{
	color: #333366; 
	font-size: 8pt;
	padding:5px 0 10px; 
	text-align: center;
}
 
#footer-nav a, #footer-copyright a {
	color: #E5E5F8;
	text-decoration:none;
}
 
#footer-nav a:visited, #footer-copyright a:visited {
	color: #E5E5F8;
	text-decoration:none;
}
 
#footer-nav a:hover, #footer-copyright a:hover{
	text-decoration:underline;
}


.screenshot
{
	margin-left: 30px;
}

.screenshot img
{
	float: right; 
	margin-left: 20px;
}

.screenshot-divider
{
	clear: both;
	margin-bottom: 20px;
}

.userguide
{
	margin-left: 30px;
}

#nav
{
	line-height: 37px;
	padding-left: 45px;
}

#nav a
{
	color: #394052;
	padding: 5px 10px;
}

#nav a:hover
{
	text-decoration: none;
	background-color: #647191;
	color: #fff;
}

.note
{
	color: #c00;
}

.question 
{
	margin-bottom:5px;
}
.answer 
{ 	
	background: #dddd;
	color: #000;
	padding: 10px;
}



















form.standard div
{  
	margin-bottom: 8px;
	font-size: 8pt;
}

form.standard label 
{  
	display: block;
	margin-bottom: 2px;
	font-size: 8pt;
	font-weight: bold;
}

form.standard label span
{
	font-weight: normal;
}

input.text
{
	margin: 0px;
	padding: 3px 3px 3px 3px;
	margin-top: 2px;
}

input.medium
{
	width: 300px;
}

input.tiny
{
	width: 69px;
}

input.tiny-a
{
	width: 45px;
}

/* honeypot captcha http://haacked.com/archive/2007/09/11/honeypot-captcha.aspx */
.hpc { display:none; visibility:hidden; }