/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/

html {
	/* For breathing room between content and viewport. */
	background-image:url('../gfx/Blue_Gradient_Background_934x567.jpg');
  background-color:#077694;
  background-repeat:no-repeat;
  background-position:left top;
  background-attachment:fixed;
  font-family:Arial;
  font-size:12px;
  color: #393839;
}

h1 {
	/* 18px via YUI Fonts CSS foundation. */
	font-size: 138.5%;
}

h2 {
	/* 16px via YUI Fonts CSS foundation. */
	font-size: 123.1%;
}

h3 {
	/* 14px via YUI Fonts CSS foundation. */
	font-size: 108%;
}

h1,h2,h3 {
	/* Top & bottom margin based on font size. */
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}
optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 0px;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 0px;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: disc outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 0px;
}

th,td {
	/* Borders and padding to make the table readable. */
	border: 0px solid #000;
	padding: 0px;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: 0px;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

a
{
    text-decoration:none;
    color:inherit;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 0px;
}

/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:0px;
}

/**
 * Classes
*/

.column
{
    margin-left: auto;
    margin-right: auto;
    width: 855px; 
    }
       
#access
{
    height:24px;
    margin-top:32px;
    text-align:right;
    font-size:0px;
    }

#principal
{
    background-color: #FFFFFF;
    border: solid 1px #393839;
    }

#header
{
    overflow:hidden;
    }

#logo
{
    width:430px;
    float:left;
    }

#login
{
    width:auto;
    float:right;
    margin-top:9px;
    margin-left:auto;
    }
    
#banner
{
    float:none;
    height:auto;
    font-size:0px;
    }

#container
{
    float:none;
    }
    
.highlight{}
    
.alertbox
{
    font-size: 10px;
    line-height:normal;
	position:absolute;
	padding:5px 5px 5px 5px;
	border:solid 1px red;
	background-color:White;
	color:Red;	
	z-index:1500;
}
    
/**
 * Master Page Compatibility (LoginHeader,Footer)
*/

.FontOrangeBold10
{
    font-weight: bold;
    font-size: 10px;
    color: #cd5606;
}

.clsForgetPassword,
.clsForgetPassword9Size
{
    font-weight: bold;
    font-size: 10px;
    color: #393939;
}

.clsForgetPassword,
.clsForgetPassword9Size
{
    color: #1A8BA8;
    text-decoration: none;
}

.LocalclsLoginTextBox
{
    font-weight: normal;
    font-size: 11px;
    color: #393839;
}

#divContentLinks 
{
    width: 855px;
    height: 100%;
    padding-top: 10px;
    }
	
#divContentLinks #divContentLinks1
{
    width: 855px;
    height: 100%;
    font-size:11px;
}

#divContentLinks #divContentLinks1 #divContactUs
{
    margin-left :0px; 
    height: 14px;  
    float : left; 
    position : relative; 
    text-align :left
}

#divContentLinks #divContentLinks1 div a 
{
    color:#c6ecf9;
    font-size: 11px;
    font-weight: normal;
    text-align :left;
    text-decoration: none;
}

#divContentLinks #divContentLinks1 div span
{
    color:#c6ecf9;
    float : left; 
    font-size: 11px;
    font-weight: normal;
    height: 14px;  
    margin-left :0px; 
    position : relative; 
    text-align :center;
}
	
#divContentLinks #divContentLinks1 #divAboutUs,
#divContentLinks #divContentLinks1 #divWorkWithUs,
#divContentLinks #divContentLinks1 #divFAQs,
#divContentLinks #divContentLinks1 #divDevTools,
#divContentLinks #divContentLinks1 #divFollowUsOnTwitter,
#divContentLinks #divContentLinks1 #divWebinars,
#divContentLinks #divContentLinks1 #divOurBlog
{
    margin-left :0px;
    height: 14px;  
    float : left; 
    position : relative; 
    text-align :left;
}

#divContentLinks #divContentLinks2 
{
    width: 855px;
    height: 100%;
    clear: both;
    float: left;
    margin-top:18px;
    }
	
#divContentLinks #divContentLinks2 div span
{
    color:#c6ecf9;
    float : left; 
    height: 14px;  
    margin-left :0px; 
    position : relative; 
    text-align :left;
    width : 855px; 
}


#divContentLinks #divContentLinks3{ 
    width: 855px;
    height: 100%;
    clear: both;
    float: left;
    margin-top:6px;
    }
	
#divContentLinks #divContentLinks3 div span
{
    color:#c6ecf9;
    float : left; 
    height: 14px;  
    margin-left :0px; 
    position : relative; 
    text-align :left;
    width : 855px; 
}

div.BlueGradient
{
    background-image: url(../gfx/Blue_Gradient_4x54.gif);
    background-repeat:repeat-x;
    width: 100%;
    height: 54px;
}

/*Marketing Menu*/

#mainMenu{
	float:none;
}

#menuHeader{
	height: 35px;
	width:855px;
}

#menuHeader{
	color: black;
	background-image: url('../gfx/marketing/menu/Dark_Gray_Software_Tab_339x35.gif');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#menu{
	height: 36px;
}

#menu ul{
	position:relative;
	list-style: none;
	display:block;
	
}

#menu ul li{
	
	float: left;
	list-style: none;
	display:block;
}

#subMenu ul li a,
#menu ul li a{
	text-decoration:none;
	padding:0;
	height:36px;
	cursor:pointer;
	display:block;
	background-image:url('../gfx/marketing/menu/Mkt_Menu_SPRITE_855x150.gif');
}


#menu #a-mnuSEOJobSites
{
    width:288px;
    height:36px;
    }

#menu #a-mnuSEOJobSites:hover,
#menu #a-mnuSEOJobSites:focus
{
    background-position: 0px -36px;
    }
    
#menu #a-mnuSEOJobDirectory
{
    background-position: -288px 0px;
    width:210px;
    height:36px;
    }
    
#menu #a-mnuSEOJobDirectory:hover,
#menu #a-mnuSEOJobDirectory:focus
{
    background-position: -288px -36px;
    }
    
#menu #a-mnuWhyUs
{
    width: 99px;
    height:36px;
    background-position: -498px 0px;
    }
    
#menu #a-mnuWhyUs:hover,
#menu #a-mnuWhyUs:focus
{
    background-position: -498px -36px;
    }
    
#menu #a-mnuRequestDemo
{
    width: 143px;
    height:36px;
    background-position: -597px 0px;
    }

#menu #a-mnuRequestDemo:hover,
#menu #a-mnuRequestDemo:focus
{
    background-position: -597px -36px;
    }

#menu #a-mnuLiveChat
{
    width: 115px;
    height:36px;
    background-position: -740px 0px;
    }
    
#menu #a-mnuLiveChat:hover,
#menu #a-mnuLiveChat:focus
{
    background-position: -740px -36px;
    }
    
#subMenu #subMenuList #sub-title
{
    width:102px;
    height:26px;
    background-image:url('../gfx/marketing/menu/Mkt_Menu_SPRITE_855x150.gif');
    background-position: 0px -72px;
    }

#subMenu #subMenuList #a-mnuTalentCommunity
{
    width:124px;
    height:26px;
    background-position: -102px -72px;
    }
    
#subMenu #subMenuList #a-mnuTalentCommunity:hover,
#subMenu #subMenuList #a-mnuTalentCommunity:focus
{
    background-position: -102px -98px;
    }
    
#subMenu #subMenuList #a-mnuReferrals
{
    width:70px;
    height:26px;
    background-position: -226px -72px;
    }
    
#subMenu #subMenuList #a-mnuReferrals:hover,
#subMenu #subMenuList #a-mnuReferrals:focus
{
    background-position: -226px -98px;
    }
    
#subMenu #subMenuList #a-mnuJobMarketing
{
    width:101px;
    height:26px;
    background-position: -296px -72px;
    }
    
#subMenu #subMenuList #a-mnuJobMarketing:hover,
#subMenu #subMenuList #a-mnuJobMarketing:focus
{
    background-position: -296px -98px;
    }
    
#subMenu #subMenuList #a-mnuMetricsAndAnalitics
{
    width:130px;
    height:26px;
    background-position: -397px -72px;
    }
    
#subMenu #subMenuList #a-mnuMetricsAndAnalitics:hover,
#subMenu #subMenuList #a-mnuMetricsAndAnalitics:focus
{
    background-position: -397px -98px;
    }
    
#subMenu #subMenuList #a-mnuSocialATS
{
    width:82px;
    height:26px;
    background-position: -527px -72px;
    }
    
#subMenu #subMenuList #a-mnuSocialATS:hover,
#subMenu #subMenuList #a-mnuSocialATS:focus
{
    background-position: -527px -98px;
    }
    
#subMenu #subMenuList #a-mnuSocialMedia
{
    width:92px;
    height:26px;
    background-position: -609px -72px;
    }
    
#subMenu #subMenuList #a-mnuSocialMedia:hover,
#subMenu #subMenuList #a-mnuSocialMedia:focus
{
    background-position: -609px -98px;
    }

#menu ul li a img{
	padding:0;
	margin:0;
	border:0;
	cursor:pointer;
}

#subMenu{
	background-image: url('../gfx/marketing/menu/bg_submenu.gif');
	background-repeat: repeat-x;
	height:26px;
}

#subMenu ul{
	list-style: none;
	height:26px;
}

#subMenu ul li{
	float:left;
	list-style: none;
	height:26px;
}
#subMenu  ul li a{
	padding:0;
	margin:0;
	border:0;
}

#subMenu  ul li a img{
	cursor:pointer;
	line-height:0;
}


.watermark
{
	color: #AAA;
}