@charset "utf-8";
/*
PlatformD Styles
*/
/*----------------- CSS NORMALIZER -----------------*/

/*
- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
*/
div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
select, input, textarea {font:99% verdana,geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
fieldset, img {border:0;}
img {vertical-align:middle;}
select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}
ul, ol {padding-left:18px;}
legend {display:none;}
.skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;}
select {background:#FFF;}
.cleaner	{ clear: both; }
.clear5	{ clear: both; height: 5px; }
.clear16	{ clear: both; height: 16px; }
.floatRight	{ float: right; }
.floatLeft	{ float: left; }

.png	{ _behavior: url("common/css/iepngfix.htc"); }


/*----------------- DEFAULT -----------------*/
body	{ margin: 0; padding: 0; color: #5b5c5c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(img/menu-bar.gif) repeat-x; }
#container	{ margin: auto; margin-top: 27px; width: 932px; }
.contBlock	{ width: 932px; float: left; margin-top: 10px; _margin-top: 5px; }
a		{ color: #5e6639; text-decoration: underline; }
a:hover	{ text-decoration: none; }
em	{ font-style: italic; }
p	{ margin: 10px 0; }

h1		{ font-weight: bold; color: #666; font-size: 20px; padding: 0; margin: 0 0 14px 0; }
h1 span	{ color: #ff6600; }
h2	{ font-weight: bold; font-size: 22px; color: #ff6600; margin: 0; padding: 0;  }
h3	{ color: #666666; font-weight:bold; margin: 0; padding: 0; }
.features h3	{ color: #ff6600; font-weight:bold; margin: 20px 0 0 0; padding: 0; }

li	{ padding: 5px 0; }

/*----------------- HEADER -----------------*/
#header	{ width: 932px; height: 80px; position: relative; }
#header a	{ color: #5e6639; text-decoration: underline; margin-right: 25px; }
#header a:hover	{ text-decoration: ; }
#logo	{ position: absolute; top: 0; left: 25px; }
.headerLinks	{ position: absolute; width: 510px; top: 15px; right: 27px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.HLleft		{ float: left; width: 350px; text-align: right; }
.HLright	{ float: left; width: 155px; text-align: right; margin-left: 0px; }
.loginTitle	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #666; }

/*----------------- MAIN MENU -----------------*/
#menuWrap	{ width: 902px; height: 39px; padding-left: 20px; margin-bottom: 27px; }

a.menuItem 	{ display: block; float: left; text-decoration: none; height: 37px; padding: 6px 13px 0 10px; }
a.menuItem:hover 	{ background: url(img/menu-bg.gif) repeat-x; text-decoration: none; }
a.menuItem.on 	{ background: url(img/menu-bg.gif) repeat-x; text-decoration: none; }
.title	{ font-weight: bold; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; }
.desc	{ color: #6e7649; font-family: Verdana, Arial, Helvetica, sans-serif; }
.div	{ background: url(img/menu-div.gif) no-repeat bottom; height: 43px; width: 2px; float: left; }

.menu	{ height: 37px; padding: 6px 13px 0 0; }
.menu ul 			{ margin: 0; padding: 0; list-style: none; }
.menu li a			{ text-decoration: none; float: left; padding: 2px 10px; }
.menu li a:hover	{ text-decoration: none; background: url(img/menu-bg.gif) repeat-x; } 	
.menu .title	{ font-weight: bold; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; }
.menu .desc	{ color: #6e7649; }
.menu .div	{ background: url(img/menu-div.gif) no-repeat; height: 37px; width: 2px; float: left; }

.menuBar	{ clear: both; background: url(img/menu-bar.jpg) repeat-x; width: 932px; height: 17px; }

/*----------------- BANNER & INFO BAR -----------------*/
#banner		{ margin: auto; width: 919px; height: 241px; clear: both; }
#bannerLeft	{ float: left; width: 366px; }
#bannerRight	{ float: left; width: 540px; }
.bannerTop	{ height: 90px; margin: 30px 0 7px 0; font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #000; font-weight: bold; }
#infoBar	{ width: 896px; height: 180px; background: url(img/info-bar-dg2.jpg) no-repeat; padding: 5px 18px 22px 18px; color: #fff; }
#infoBar .left	{ width: 270px; float: left; padding: 13px 10px 0 15px; height: 165px; position: relative; }
#infoBar h2		{ color: #fff; height: 50px; font-weight: bold; font-size: 16px; margin: 0; padding: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; }
#infoBar .learn	{ position: absolute; bottom: 0; right: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#infoBar p		{ padding-bottom: 10px; }
#infoBar a			{ color: #05b1f0; text-decoration: none; }
#infoBar a:hover	{ text-decoration: underline; }

/*----------------- HOME PAGE COLUMNS -----------------*/
.colLeft	{ float: left; width: 460px; padding-left: 4px; }
.colRight	{ float: left; width: 450px; padding-left: 10px; }
.colRight .inner	{ padding: 0 7px 0 22px; }

#colLeft2	{ float: left; width: 460px; padding-left: 4px; position: relative; }
#colRight2	{ float: left; width: 450px; padding-left: 10px; position: relative; }

.roundBox	{ background: url(img/roundBox-bottom.gif) no-repeat bottom left; width: 461px; height: 280px; }
.roundBox .top	{ background: url(img/roundBox-top.gif) no-repeat top left; padding: 14px 25px 10px 25px; float: left; }
.roundBox .left		{ float: left; width: 233px; margin-top: 5px; }
.roundBox .right	{ float: left; width: 171px; padding-left: 7px; }
.genbooker	{ width: 221px; background: #ededed; height: 29px; padding: 6px; font-weight: bold; color: #000; }
.bubble			{ background: url(img/bubble.gif) no-repeat; height: 133px; padding: 15px 14px 14px 16px; position: relative; }
.bubble .link	{
	position: absolute;
	bottom: 17px;
	right: 9px;
	font-size: 11px;
}
.bubble .link a	{ color: #666; text-decoration: none; }
.bubble .link a:hover	{ text-decoration: undeline; }
.words	{ width: 230px; font-weight: bold; font-size: 18px; }
.words span	{ color: #ff6600; }
.linkBox	{ text-align: right; width: 409px; height: 17px; padding: 8px 20px; background: url(img/lightbg.gif) no-repeat; }
.linkBox2	{ text-align: right; width: 409px; height: 17px; padding: 8px 20px; background: url(img/lightbg.gif) no-repeat; position: absolute; bottom: 0; float: left; }

/*----------------- CONTENT PAGE LAYOUT -----------------*/
#mainBoxTop		{ background: url(img/mainRoundTop.jpg) no-repeat; width: 886px; padding-top: 29px; margin: auto; margin-top: 7px; }
#mainBoxFill	{ background: url(img/mainRoundFill.jpg) repeat-y; width: 886px; padding-bottom: 20px; float: left; /*padding-top: 21px; */}
#mainBoxFill h1	{ font-weight: bold; font-size: 28px; color: #000; margin: 0; padding: 0; margin-bottom: 7px; }
#mainBoxBot		{ background: url(img/mainRoundBottom.jpg) no-repeat; width: 886px; height: 29px; clear: both; margin-bottom: 15px; }

.colLeftInner	{ float: left; width: 174px; margin-right: 15px; position: relative; }
#mainBoxFill.slogan	{ position: absolute; bottom: 0; left: 20px; margin-left: 20px; }
.colRightInner	{ float: left; width: 649px; padding-right: 20px; }
.colRightInner.community	{ float: left; width: 685px; padding-right: 0px; }
.colRightInner.community h1	{ width: 650px; }
.colRightInner.community h1 span { font-weight: bold; color: #ff6600; }
.colRightInner.community h2	{ font-weight: bold; font-size: 18px; color: #5b5c5c; margin-bottom: 8px; }
.colRightInner.community span	{ color: #05b1f0; font-weight: bold; }

.colLeftInner .bubble	{ background: url(img/leftNav-bubble.gif) no-repeat; padding: 10px; margin: 5px 0 0 15px; }
.colLeftInner .bubble span { font-weight: bold; color: #ff6600; font-size: 13px; }
.colLeftInner .bubble a	{ text-decoration: none; }

.rightPane	{ float: right; width: 198px; margin: 0 0 20px 50px; }
.rightPane.com	{ float: left; width: 198px; margin: 0; }
.rightPane.com h2	{ color: #5b5c5c; font-size: 17px; font-weight: bold; margin-bottom: 13px; margin-top: 5px; }
.rightPane.com span	{ color: #05b1f0; font-weight: bold; }
.rightPane.txt	{ width: 185px; background: #ededed; height: 29px; padding: 6px; font-weight: bold; color: #000; margin-top: 2px; text-align: right; }
.rightPane .txt a	{ text-decoration: none; font-weight: normal; color: #000; }
.rightPane .txt a:hover	{ text-decoration: underline; }

.qaLeft	  { float: left; width: 270px; }
.qaLeft img { margin-bottom: 10px; margin-top: 5px; }
.qaRight  { float: left; margin-left: 20px; float: left; width: 355px;}

#leftNav		{ width: 174px; margin-left: 1px; }
#leftNav ul		{ margin: 0; padding: 0; list-style: none; border-top: 1px solid #e8ede1; }
#leftNav li		{ padding: 0; }
#leftNav li a	{ border-top: 1px solid #fbfcfa; border-bottom: 1px solid #e8ede1; border-width: 1px 0; height: 24px; display: block; padding: 8px 0 0 8px; text-decoration: none; }
#leftNav li a:hover	{ text-decoration: none; background: #FFF; }
#leftNav .on a	{ text-decoration: none; background: #FFF; color: #000; }

#leftNav .threenav { font-size:11px;  }
#leftNav .threenav li a { padding: 6px 0 6px 16px; border-style:none; background-color: #daded1; height:auto;}
#leftNav .threenav li a:hover { background-color: #fff; }

.teamLeft	{ float: left; width: 120px; margin: 5px 20px 0 0; }
.teamRight	{ float: left; width: 500px; margin-bottom: 20px; }

/*----------------- COMMUNITY -----------------*/
.featuredWrap	{ background: url(../../images/featured-top.gif) no-repeat; width: 677px; float: left; }
.featuredWrap .title	{ font-weight: bold; color: #fff; margin: 18px 0 0 18px; font-size: 12px; }
.featuredFill	{ background: url(../../images/featured-fill.gif) repeat-y; width: 657px; margin-top: 10px; padding: 0 10px; float: left; }
.featuredFill .left		{ float: left; width: 195px; margin-left: 4px; padding-top: 10px; font-weight: bold; }
.featuredFill .right	{ float: left; padding-top: 8px; width: 340px; position: relative; height: 100px; }
.featuredFill .link	{ position: absolute; bottom: 0; right: 15px; }
.featuredBot	{ background: url(../../images/featured-bottom.gif) no-repeat bottom; width: 677px; padding-bottom: 30px; float: left; }

.dropdown	{ background: url(img/dropdownBg.gif) no-repeat; width: 254px; height: 29px; font-weight: bold; font-size: 18px; color: #fff; padding: 4px 5px 0 8px; }
.dropdown select	{ width: 125px; float: left; height: 20px; margin-top: -2px; margin-left: 10px;}

table.genbookers 	{ border: 0; marging-top: 10px; }
table.genbookers td	{ vertical-align: top; font-size: 12px; padding: 0; margin: 0; padding: 0 5px 25px 0; }

.darkGrayBox	{ background: url(img/darkGraybar.gif) no-repeat; height: 27px; padding: 5px 5px 0 5px; width: 453px; color: #fff; font-weight: bold; }
.darkGrayBox a  { background: url(img/arrowup.gif) no-repeat right; margin-right: 15px; padding-right: 15px; color: #fff; font-weight: bold; text-decoration: none; }

.plus	{ text-decoration: none; }

.check		{ font-weight: bold; float: left; color: # 5b5c5c; font-size: 18px; }
.check ul	{  list-style: none; moragin: 0; padding: 0; }
.check li	{  background: url(img/checkmark.gif) no-repeat 0 5px; padding-left: 30px; line-height: 15px; }



/*----------------- FORMS -----------------*/
form.partners	{ margin-top: 40px; } 
.partners label { padding-top: 4px; display: block; float: left; width: 150px; margin-right: 20px; }
input.partner	{ width: 230px; border: 1px solid #abadb3; height: 21px; margin-bottom: 15px; padding: 4px 4px 0 4px; }
.partners .labelLG	{ width: 400px; clear: both; padding-top: 4px; }
textarea.partnertxt	{ width: 400px; clear: both; height: 100px; border: 1px solid #abadb3; }

a.qlinks { font-weight: bold; line-height: 18px; }

/*----------------- TOUR -----------------*/
.tourWrap		{ padding-top: 20px; clear: both; }
.feature 		{ float: left; width: 400px; margin-left: 25px; }
.illustration 	{ float: left; width: 200px; height: 150px; border: 1px solid #bdc7b6; }
.feature h2 	{ font-size: 19px; font-weight: bold; padding-bottom: 4px; }

/*----------------- TABLE -----------------*/
table	{ border: 1px solid #f4f8ec; }
table td { padding: 10px; }
table td.center	{ text-align: center; }
table td.title	{ font-size: 13px; background: #f4f8ec; text-align: center; }
table tr.even td	{ background: #f4f8ec; }
table td.first	{ font-weight: bold;  }

/*how it works table*/
table.howitworks	{ border: 0; margin-top: 20px; }
table.howitworks tr.tdborder td	{ border-top: 1px solid #bec7b6; }
table.howitworks td.title { font-size: 15px; color: #666666; background: #f2f2f2; vertical-align: top; }
table.howitworks td	{ vertical-align: top; border-top: 1px solid #bec7b6; }
table.howitworks td.gray	{ background: #f7f7f7; }
table.howitworks td.spacer	{ height: 5px; }
 

/*----------------- FOOTER -----------------*/
#footer	{  clear: both;text-align: center; padding-bottom: 20px; color: #959695; }
#footer a	{ text-decoration: none; color: #727371; }
#footer a:hover	{ text-decoration: underline; }

/*----------------- SITEMAP -----------------*/
.sitemap	{ float: left; width: 200px; margin-right: 12px; }
.sitemap ul		{ margin: 0; padding: 0; list-style: none; }
.sitemap li a			{ text-decoration: none; padding-left: 10px; margin-bottom: 15px; font-size: 12px; font-weight: bold; }
.sitemap li a:hover		{ text-decoration: underline; }
.sitemap li ul 			{ margin: 0; padding: 0; list-style: none; }
.sitemap li li a		{ text-decoration: none; padding-left: 30px; font-size: 12px; font-weight: normal; }
.sitemap li li a:hover	{ text-decoration: underline; }

/* anson adds */
#teaser { font-size: 18px; font-weight: bold; margin-bottom: 8px;}

#partnerlogo { float: right; margin-left: 16px; margin-bottom:16px; }
#partnertext { font-size: 14px; padding-top: 8px; padding-bottom:16px; }

.pressby { text-transform: uppercase; font-size: 11px; margin-top: 16px; margin-bottom: 2px; color: #666; }
.pressby a { color: #999; }
.presstitle { font-size: 14px; font-weight: bold; margin-bottom: 4px; }
.pressbody { margin-bottom: 16px; }

#hackersafe { float: right; margin-left: 12px; margin-bottom: 16px; margin-right: 16px; }

.relatedpress { padding: 0 0 0 32px; margin-top: -8px; }
.relatedpress li { padding: 0px; }
.relatedpress .pressby { margin-top: 4px; }