/*####################################
REDEFINE TAGS
####################################*/

* {
	padding:0;
	margin:0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	color:#333333;
	padding-top: 10px
}

img {border:none}

p {
	line-height:1.4em;
	margin-bottom:1.12em;
	padding-left: 16px;
}

h2 {
	background:url(../images/bullet.gif) no-repeat 0px 10px;
	padding-left: 16px;
	margin-bottom: .75em;
	color: #6DAE0C;
	font-size: 1.8em;
	font-weight: normal
}

a:link, a:visited {color: #6DAE0C; text-decoration:underline}
a:hover {text-decoration:none}

.peekaboo{
	height: 0.01%;
}

/*####################################
GENERIC CLASSES
####################################*/

.clear {
	clear: both;
	font-size: 0px;
}
.left {
	float:left;
	clear: left;
}
.right {
	float:right
}
.padLeft {
	padding-left:20px
}
.padTop {
	padding-top:20px
}
.marginBottom {
	padding-bottom:10px
}
.pad20 {
	padding:20px
}
.noHeight {
	height:0.01%;
	font-size:0px
}
.centre {
	text-align:center
}
.greyBg {
	background-color:#e6e6e6
}

/*####################################
STRUCTURAL
####################################*/

#main {
	width: 908px; 
	margin: 0 auto
}

#language {
	text-align:right
}

#language ul li {
	display:inline
}

#language img {
	border: 1px solid #fff
}

#language img:hover {
	border: 1px solid #6DAE0C
}

#headerNav {
	margin-top: 10px;
	font-size: 1.4em;
}

#headerNav ul {
	list-style-type: none;
}

#headerNav li {
	float: left;
}

#headerNav li a {
	font-weight:bold;
	display: block;
	width: 182px;
	text-align: center;
	color: #FFFFFF;
	height:33px;
	padding-top: 12px;
	background: url(../images/nav.png)
}
#headerNav li.first a {
	background: url(../images/nav_first.png)
}
#headerNav li.last a {
	background: url(../images/nav_last.png);
	width: 180px;
}
#headerNav li a:hover, #headerNav li.first a:hover, #headerNav li.last a:hover {
	background-position: 0 -105px;
}
#headerNav li a:link, #headerNav li a:visited {
	text-decoration:none
}
#headerNav li.active a {
	background: url(../images/nav_ovr.png)
}
#headerNav li.selected a:hover {
	background-position: 0;
}
#headerNav li a:hover {
	text-decoration:none
}
#mainFlash {
	margin-top: 7px
}
#footer {
	clear: both;
	margin-top:16px;
	background-color: #6DAE0C
}
#footer ul {
	padding: 6px;
	text-align:right
}
#footer ul li {
	border-right: 1px solid #fff;
	padding: 0 10px;
	display: inline;
}
#footer ul li.last {border-right: 0}
#footer a:link, #footer a:visited {text-decoration:none; color:#fff}
#footer a:hover {text-decoration:underline}

#copyright {
	width: 610px;
	font-size:.75em;
	padding: 10px 0
}
#copyright .image {
	width: 60px;
	float: left
}
#copyright .text {
	width: 550px;
	float: left
}

.column {
	width: 444px;
	float:left;
	margin-top: 16px
}

.singlecolumn{
	margin-top: 16px;
}

.singlecolumn p{
	padding-left: 0;
}

.boxRounded {
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
    background-color: #fff;
    border-left: 2px solid #BCBEC0;
    border-right: 2px solid #BCBEC0;
}

.boxRoundedTop {
	background:url(../images/border_top.gif) top no-repeat;
	height:12px;
	font-size: 0px;
}

.singlecolumn .boxRoundedTop {
	background:url(../images/border_top_wide.gif) top no-repeat;
}

.boxRoundedBtm {
	background:url(../images/border_btm.gif) top left no-repeat;
	height:12px;
}

.singlecolumn .boxRoundedBtm {
	background:url(../images/border_bottom_wide.gif) top left no-repeat;
}

.noPad {
	padding:0
}

.boxRounded .column {
	width: 200px;
	margin-top: 0
}

.boxRounded .column p {
	padding-left: 0
}

.boxRounded .column ul {
	list-style-type: none
}
.boxRounded .column ul li {padding-left: 40px}
.boxRounded .column ul li.music { background:url(../images/ico_music.gif) no-repeat}
.boxRounded .column ul li.app { background:url(../images/ico_app.gif) no-repeat}
.boxRounded .column ul li.friends { background:url(../images/ico_friends.gif) no-repeat}
.boxRounded .column ul li.keyword { background:url(../images/ico_www.gif) no-repeat}

.boxMarginTop {
	margin-top: 16px
}

.keypad {
	background:url(../images/buy_now_bg.gif) no-repeat;
	background-color: #E6E7E8;
	background-position: 0px -20px;
	padding: 66px 20px 20px 170px;
	height:0.01%;
	position: relative;
}

#buy_now_button{
	position: absolute;
	top: 10px;
	left: 15px;
}

.software_links{
	position: absolute;
	top: 4px;
	right: 15px;
}

.keypadLink {
	padding-left:186px; 
	margin-top:20px;
}

.socialNetwork ul{
	padding-left: 	16px;
}

.socialNetwork li {
	display: inline
}

.socialNetwork li a {
	background-repeat:no-repeat;
	padding-left: 18px;
	padding-right: 3px
}

.socialNetwork li a:link, .socialNetwork li a:visited  {
	text-decoration: none;
	color: #333
}

.socialNetwork li a:hover {
	text-decoration: underline;
	color: #6DAE0C
}

.socialNetwork .first {
	background:url(../images/bullet.gif) no-repeat 0 3px;
	padding-left: 14px;
	padding-right: 0px;
	font-weight: bold;
	color: #6DAE0C
	
}
.socialNetwork .friend {background-image:url(../images/sn_email.png)}
.socialNetwork .digg {background-image:url(../images/sn_digg.gif)}
.socialNetwork .facebook {background-image:url(../images/sn_facebook.gif)}
.socialNetwork .reddit {background-image:url(../images/sn_reddit.gif)}
.socialNetwork .stumbleupon {background-image:url(../images/sn_stumbleupon.gif)}

.learn{
	/*position: relative;
	z-index: 1;*/
}

.learn .pad20{
	padding-top: 0;
}

.interact {
	background-color:#E6E7E8;
	padding: 16px 0 16px 44px
}
.interact ul {
	padding-left: 10px;
	padding-top: 38px
}

.interact ul li a{
	color:#333;
	outline: none;
}

.interact ul li a:hover{
	text-decoration: underline;
}

.interact ul li.learn2 {padding-top: 24px}
.interact ul li.learn3 {padding-top: 44px}
.interact ul li.learn4 {padding-top: 28px}
.interact ul li.learn5 {padding-top: 10px}
.interact ul li.learn6 {padding-top: 8px}

.tips ul li {
	/*clear:both;*/
	list-style-type: none;
	padding-bottom:5px;
}

.tips ul li ul li{
	padding-bottom:0px;
}
.tips ul li p{
	padding-left:0px;
	margin-bottom:0px;
}
.tips ul li .number {
	background: url(../images/bullet_tips.png) no-repeat;
	width: 30px;
	height:31px;
	font-size: 1.4em;
	float:left;
	padding-left: 4px;
	color:#6DAE0C;
}
.tips ul li .keyword {
	width: 90px;
	float:left;
	padding-left: 6px;
	padding-bottom: 8px;
	padding-right: 148px
}

.tips ul li .tip {
	width: 230px;
	float:left;
	padding-left: 6px;
	padding-bottom: 8px;
	padding-right: 8px
}

.tips ul li .rating .thankYou {
	position:absolute;
	width: 132px;
	font-size: .8em;
	color: #ff6000;
	left: -140px
}
.tips ul li .rating {
	float: left;
	position:relative;
}
.tips ul li.keyword .votesCast {
	position:absolute; 
	left:-150px; 
	display:none; 
	width: 120px; 
	text-align: center; 
	z-index:1; 
	background:#fff;
	border:2px solid #6DAE0C; 
	padding:8px;
	font-weight: bold
}

#tips {
	height: 180px;
	overflow:auto;
	position: relative
}

.button {
	clear:both;
	/*padding-left:270px*/
	float:right;
}

.buttonLeft {
	clear:both;
	padding-left:16px;
	float:left;
}

.buttonPadded {
	clear:both;
	float:right;
	margin:1em 1em 0 0;
}

.buttonSpaced {
	clear:both;
	float:right;
	margin:0 0 1em 0;
}

#tipsintro p{
	padding-left: 0;
}

.faqs ul li{
	list-style-type:none;
	float:left;
	width: 170px;
	margin-bottom: 12px;
	margin-right: 6px;
	background:url(../images/bullet.gif) no-repeat 0 4px;
	padding-left: 16px;
	line-height:1.4em;
}
.faqs ul li a {
	display:block;
	color:#333
}

.community ul li {
	padding-top:12px;
	clear:both;
	list-style-type:none
}
.community .logo {
	float:left;
	display:block;
	width: 160px
}

.community .desc {
	float:left;
	display:block;
	width: 230px
}

.buzz .pad20 {
	padding-bottom: 0;
	padding-top: 0;
}

.buzz ul li { 
	list-style-type:none;
	clear:both;
	padding-top:20px
}

.buzz ul li .preview {
	float:left;
	width: 140px
}

.buzz ul li .text {
	float:left;
	width: 250px
}
.buzz ul li .text h3 {
	color:#6DAE0C;
	font-size: 1em
}
.buzz ul li .text p {
	padding-left: 0;
	margin-bottom: 0
}
.buzz .greyBg {
	padding: 0 20px 20px 20px
}
.buzz .olderlink {
	text-align:right;
	padding-top: 12px;
	padding-right: 20px;
}

.buzz .older {
	display: none;
}


/*####################################
POPUP TOOLTIPS
####################################*/

#pop1 {top:60px}
#pop2 {top:100px}
#pop3 {top:160px}
#pop4 {top:200px}
#pop5 {top:230px}
#pop6 {top:250px}

.interact {
	position:relative;
}

.popUp {
	width: 193px; 
	position:absolute; 
	z-index: 500;
	left:340px; 
	color:#fff; 
	padding: 10px; 
	display:none
}

#faqs li{
	position: relative;
}

#faqs .popUp {
	left:-298px; 
	top: 0px;
	z-index:1;
	width: 300px;
}

.popUp p {padding:0}

.popUp .speech {
	background:url(../images/speech.png) 0px 0px no-repeat; 
	width:43px; 
	height:67px; 
	float:left
}

.popUp .popUpText {
	float:left; 
	width: 130px; 
	margin-top: 15px;
	background-color:#6DAE0C; 
	padding:10px
}

#faqs .popUp .popUpText {
	width: 227px;
}

.popUp .close {
	float: right; 
	margin-left:8px; 
	margin-bottom:8px;
	width: 15px;
	height: 15px;
}

.popUp .speechR {
	background:url(../images/speech_r.png); 
	width:43px; 
	height:67px; 
	float:left
}

#faqs a{
	outline: none;
	/*position: relative;*/
}





/*####################################
FORMS
####################################*/

.flexibutton{
	background:url(../images/btn_right.png) right 0 no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	font-weight:bold;
	height:24px;
	overflow:visible;
	color: #fff
}
	
.flexibutton span {
	background:url(../images/btn_left.png) no-repeat;
	display:inline;
	float:left;
	height:24px;
	margin:0 25px 0 0;
	padding-left:10px;
	padding-top:5px;
}

.flexibutton.dark {
	background-image:url(../images/btn_right_dark.png);
}

.flexibutton.dark span {
	background-image:url(../images/btn_left_dark.png);
}

a.flexibutton:link, a.flexibutton:visited {
	color: #fff;
	text-decoration: none;
}		

a.flexibutton:hover {
	text-decoration: underline
}

/*####################################
FORMS
####################################*/
select {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #6DAE0C;
	color: #6DAE0C
}

/*####################################
DEVICE CHECKER
####################################*/

#compatibilityloader{
	margin-left: 10px;
}

#compatibleresult{
	clear: left;
	margin-left: 16px;
	color: #6DAE0C;
}

/*####################################
DEMOS
####################################*/

#demolinks a{
	outline: none;
}

.nofloat{
	float: none;
}

/*####################################
TUTORIALS
####################################*/

#flashtutorial{
	margin-left: 80px;
}

/*####################################
ASK QUESTION
####################################*/

#askquestion{
	position: relative;
	
}

#askform{
	position: absolute;
	top: -230px;
	left: -240px;
	width: 480px;
	background-color: #6DAE0C;
	z-index: 100;
}

#suggestform{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 480px;
	background-color: #6DAE0C;
	z-index: 100;
}

#askform .inner{
	margin: 20px;
	background: #FFFFFF url(../images/form_corner_top.png) no-repeat top left;
}

#askform  .padding{
	padding: 15px 10px;
}


#askform .bgbottom{
	background: #FFFFFF url(../images/form_corner_bottom.png) no-repeat bottom left;
	width: 440px;
	height: 20px;
}

#askform .leftcol, #askform .rightcol{
	width: 210px;
	float: left;
}

#askform label{
	color: #6DAE0C;
}

#askform input{
	width: 170px;
}

#askform textarea{
	width: 170px;
	height: 112px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#askform select{
	width: 170px;
	font-size: 12px;
}

#askform .close{
	float: right;
	cursor: pointer;
}

#askform input.error{
	
}

label.error{
	display: block;
	color: #990033;
}

#askform table{
	padding-left: 16px;
}

/*
USAGE TIPS
*/

#usageTips .leftcol, #usageTips .rightcol{
	width: 195px;
	float: left;
}

#usageTips input{
	width: 170px;
}

#usageTips textarea{
	width: 170px;
	height: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*
SEND TO FRIEND
*/

.socialNetwork{
	position: relative;
	
}

#sendToFriendForm{
	position: absolute;
	top: -305px;
	left: -240px;
	width: 480px;
	background-color: #6DAE0C;
	z-index: 100;
}

#sendToFriendForm .inner{
	margin: 20px;
	background: #FFFFFF url(../images/form_corner_top.png) no-repeat top left;
}

#sendToFriendForm  .padding{
	padding: 15px 10px;
}


#sendToFriendForm .bgbottom{
	background: #FFFFFF url(../images/form_corner_bottom.png) no-repeat bottom left;
	width: 440px;
	height: 20px;
}

#sendToFriendForm .leftcol, #sendToFriendForm .rightcol{
	width: 210px;
	float: left;
}

#sendToFriendForm label{
	color: #6DAE0C;
}

#sendToFriendForm input{
	width: 170px;
}

#sendToFriendForm select{
	width: 170px;
	font-size: 12px;
}

#sendToFriendForm .close{
	float: right;
	cursor: pointer;
}

#sendToFriendForm label.error{
	display: block;
	color: #990033;
}

#sendToFriendForm table{
	padding-left: 16px;
}


/*
KEYWORDS
*/

.keywords ul li{
	list-style-type:none;
	float:left;
	margin-bottom: 12px;
	margin-right: 6px;
	background:url(../images/bullet.gif) no-repeat 0 4px;
	padding-left: 16px;
	line-height:1.4em;
}

#keywordswrapper{
	position: relative;
}

#keywordlist {
	position: absolute;
	top: -35px;
	left: 65px;
	width: 480px;
	background-color: #6DAE0C;
	z-index: 1000;
}

#keywordlist .inner{
	margin: 20px;
	background: #FFFFFF url(../images/form_corner_top.png) no-repeat top left;
}

#keywordlist  .padding{
	padding: 15px 10px;
}

#keywordlist h3{
	margin-bottom:1em;
}
#keywordlist ul li{
	list-style-type:none;
	float:none;
	margin-bottom: 2px;
	background-image:none;
	line-height:1.4em;
	padding-left: 0px;
}

#keywordlist .bgbottom{
	background: #FFFFFF url(../images/form_corner_bottom.png) no-repeat bottom left;
	width: 440px;
	height: 20px;
}

#keywordlist .column {
	width: 135px;
	float: left;
}

#keywordlist .close{
	float: right;
	cursor: pointer;
}

#suggestwrapper{
	/*position: relative;*/
}
.positionRelative {
	position:relative;
}
.positionInherit {
	position:inherit;
}
#suggestform{
	position: absolute;
	top: -25px;
	left: -250px;
	width: 480px;
	background-color: #6DAE0C;
	z-index: 100;
}

#suggestform .inner{
	margin: 20px;
	background: #FFFFFF url(../images/form_corner_top.png) no-repeat top left;
}

#suggestform  .padding{
	padding: 15px 10px;
}


#suggestform .bgbottom{
	background: #FFFFFF url(../images/form_corner_bottom.png) no-repeat bottom left;
	width: 440px;
	height: 20px;
}

#suggestform .leftcol, #suggestform .rightcol{
	width: 210px;
	float: left;
}

#suggestform label{
	color: #6DAE0C;
}

#suggestform input{
	width: 170px;
}

#suggestform textarea{
	width: 170px;
	height: 112px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#suggestform select{
	width: 170px;
	font-size: 12px;
}

#suggestform .close{
	float: right;
	cursor: pointer;
}

#suggestform input.error{
	
}

#suggestform label.error{
	display: block;
	color: #990033;
}

#suggestform table{
	padding-left: 16px;
}

.ratekeywords ul li .tip {
	padding-top: 6px
}
.ratekeywords ul li .rating {
	padding-top: 6px
}

.download ul{
	padding-left: 16px;	
	margin-bottom: 1.12em;
}

.download li{
	list-style-position: inside;	
}

#compatibleresultDownload{
	clear: left;
}