﻿html, body, form
{
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body
{
	background: #DCDCDC url('../background/fingertapps_backround_slice.jpg') repeat-x scroll left top;
}


.clr
{
	float: none;
	clear: both;
}

.right
{
	float: right;
}
.left
{
	float: left;
}

.fullWidth
{
	width: 100%;
}
.hand
{
	cursor: pointer;
}







.outerFrame
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -130px auto;
	width: 968px;
}





.topArea
{
	height: 169px;
	background: transparent url(../background/fingertapps_banner.png) no-repeat scroll left top;
}

.topAreaShadow
{
	height: 27px;
	background: transparent url(../background/fingertapps_banner_shadow.png) no-repeat scroll left top;
}

.topArea .logo
{
	margin: 40px 0 0 45px;
	width: 340px;
	height: 64px;
	float: left;
	background: transparent url(../background/logo.png) no-repeat scroll left top;
}

.topArea .loginArea
{
	float: right;
	width: 365px;
	height: 30px;
}


.contentArea
{
	height: 455px;
	min-height: 455px;
	width: 100%;
	background: transparent url(../background/fingertapps_backround_main.jpg) no-repeat scroll left top;
}






/* FOOTER STYLES */
.footer, .push
{
	height: 130px;
}

.footer
{
	margin: 0 auto;
	width: 968px;
	background: transparent url(../background/fingertapps_footer.jpg) no-repeat scroll left bottom;
}

.footerText
{
	padding: 30px 30px 5px 30px;
}

#buttonArea
{
	height:60px;
}












/* REGION FOR NAVIGATION AREA */
#navigationContainer
{
	padding: 20px 0 0 40px;
}

#navigation
{
	width: 100%;
	min-height: 25px;
}

#navigation .yui-skin-sam .yuimenubar
{
	background-image: none;
	border: none;
}

#navigation .yui-skin-sam .yuimenubarnav .yuimenubaritem
{
	border: none;
	background-image: url('../icons/banner_divider.png');
	background-position: right;
	background-repeat: no-repeat;
}

#navigation .yui-skin-sam .yuimenubaritemlabel
{
	border: none;
}

#navigation .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel
{
	height: 33px;
	padding-top: 9px;
	cursor: pointer;
	padding-left: 30px;
	padding-right: 30px;
	color: #828282;
}

#navigation .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected
{
	border-left-width: 0px;
	margin-left: 0px;
	color: #F36533;
	left: 0px;
}
.yui-skin-sam .yuimenubarnav .yuimenubaritem-selected
{
	border: none;
	background-image: url('../icons/banner_divider.png');
	background-position: right;
	background-repeat: no-repeat;
}

#navigation .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
	background-image: none;
}

#navigation .yui-skin-sam .yuimenu .bd {
	border: none;
	/*background-image: url('../background/popup_item.png');*/
	background-color: Transparent;
}

#navigation .yui-skin-sam .yuimenu .bd>ul{
	width: 197px;
}

#navigation .yui-skin-sam .yuimenu .bd .yuimenuitem {
	background-image: url('../background/popup_item.png');
	background-position: left;
	background-repeat: no-repeat;
	/*min-width: 198px;
	min-height: 29px;*/
}

#navigation .yui-skin-sam .yuimenu .bd .yuimenuitem-selected {
	background-color: Transparent;
}

#navigation .yui-skin-sam .yuimenu .bd .yuimenuitem .yuimenuitemlabel {
	padding-left: 30px;
	min-width: 138px;
	min-height: 24px;
	padding-top: 4px;
	color: #828282;
	cursor: pointer;
}
#navigation .yui-skin-sam .yuimenu .bd .yuimenuitem .yuimenuitemlabel-selected {
	color: #F36533;
}

#navigation #Menu_10006
{
	border-right: none;
	background-image: url('../icons/hand.png');
	background-position: right;
	background-repeat: no-repeat;
}

#navigation .yui-skin-sam .yuimenu .yui-l2-footer {
	background-image: url('../background/footer.png');
	background-position: left top;
	background-repeat: no-repeat;
	height: 6px;
	width: 197px;
	position: relative;
	left: -1px;
	top: -3px;
}



/* BUTTON STYLES */

.bigButton
{
	height: 44px; /*	padding: 3px 15px;*/
	width: 180px;
	background: transparent url(../button/bigButton.png) no-repeat scroll left top;
	text-align: center;
	vertical-align: middle;
	font-size: 12pt;
	font-weight: bold;
	color: #828080;
	text-decoration: none;
	cursor: pointer;
}

.bigButtonOver
{
	color: #F26532;
}

#buttonArea .bigButton
{
	margin: 0 70px;
}





.SmallButton
{
	background:transparent url(../button/smallbutton_1.png) no-repeat scroll left top;
	border:medium none;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	height:26px;
	padding-top:6px;
	text-align:center;
	width:60px;
}

.SmallButtonOver
{
	background: transparent url(../button/smallbutton_2.png) no-repeat scroll left top;
}






/* HOME PAGE SPECIFIC */
#videoContainer
{
	margin: 0 0 0 20px;
	height: 347px;
	width: 533px;
	padding: 20px 20px 20px 25px;
	background: transparent url(../background/showreal_background.png) no-repeat scroll left top;
}

#articleContainer
{
	margin: 0;/*20px 0 0 20px; /*height: 500px;*/
	width: 320px;
}

#secondArticleContainer
{
	margin: -65px auto 0 auto;
	width: 900px;
}


.greyPanelHeader
{
	height: 19px;
	width: 347px;
	background: transparent url(../frame/grey_panel_top.gif) no-repeat scroll left top;
}

.greyPanelInner
{
	width: 347px;
	background: transparent url(../frame/grey_panel_slice.jpg) repeat-y scroll left bottom;
}

.greyPanelMiddle
{
	min-height: 405px;
	width: 347px;
	background: transparent url(../frame/grey_panel_middle.jpg) no-repeat scroll left top;
}

.greyPanelFooter
{
	height: 19px;
	width: 347px;
	background: transparent url(../frame/grey_panel_btm.gif) no-repeat scroll left top;
}

.greyContent
{
	padding: 20px 40px;
	line-height: 30px;
}

#imageLink
{
	position: absolute;
	margin: -50px 0 0 70px;
}


#pinhurstLink
{
	position: absolute;
	margin: -100px 0 0 200px;
}

/* INNER PAGES */

#bigBox
{
	margin-bottom: 15px;
}

#bigBox .bbHeader
{
	background: transparent url(../frame/frame_top.jpg) no-repeat scroll left top;
	height: 40px;
}

#bigBox .bbCenter
{
	background: transparent url(../frame/frame_slice.jpg) repeat-y scroll left top;
}

#bigBox .bbFooterGradient
{
	background: transparent url(../frame/frame_middle.jpg) no-repeat scroll left bottom;
	padding: 0 50px;
}

#bigBox .bbFooter
{
	height: 50px;
	background: transparent url(../frame/frame_bottom.jpg) no-repeat scroll left bottom;
}


#bigBox .leftColumn
{
	float: left;
	width: 640px;
	background: transparent url(../frame/divider_middle.jpg) repeat-y scroll right top;
}

#bigBox .rightColumn
{
	width: 215px;
	float: left;
	padding-left: 10px;
}

#bigBox .topDevider
{
	background: transparent url(../frame/divider_top.jpg) no-repeat scroll right top;
	height: 100%;
}

#bigBox .leftColumnContent
{
	background: transparent url(../frame/divider_bottom.jpg) no-repeat scroll right bottom;
	height: 100%;
	padding-right:45px;
	min-height: 500px;
}





#mediaCenter #bigBox .leftColumn
{
	width: 425px;
	background: none;
}

#mediaCenter #bigBox .rightColumn
{
	width: 425px;
}


.GetInTouchFormSlice
{
	background: transparent url('../background/signup_background_middle.jpg') repeat-y left top;
	position: relative;
	left: -10px;
	width: 243px;
}

.GetInTouchForm {
	background-image: url('../background/signup_background_top.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
}

.GetInTouchFormBottom
{
	background: transparent url('../background/signup_background_bottom.jpg') no-repeat left bottom;
	padding: 10px;
	min-height: 240px;
	width: 100%;
}
.GetInTouchForm h2 {
	margin-left: 65px;
	margin-bottom: 25px;
	margin-top: 5px;
	color: #F36533;
}
.GetInTouchForm .Row, .GetInTouchForm .Row.Inline {
	padding: 1px;
	clear: both;
	width: 100%;
}
.GetInTouchForm .Row.Inline label {
	display: block;
	float: left;
	width: 60px;
}
.GetInTouchForm .Row.Inline input {
	width: 157px;
	float: left;
	background-image: url('../background/textbox_164.png');
	border: none;
	background-repeat: no-repeat;
	background-color: Transparent;
	font-size: 10px;
	padding: 10px 2px 2px 5px;
	color: #828282;
}

.GetInTouchForm .Row textarea {
	width: 216px;
	font-size: 12px;
	color: #828282;
	height: 100px;
	margin-bottom: 5px;
}
.GetInTouchForm .Row input.Send {
	background-color: #FFFFFF;
	color: #828282;
	border: 1px solid #828282;
	cursor: pointer;
	float: right;
	margin-right: 25px;
}
.GetInTouchForm .Row input.Send:hover {
	background-color: #FFFFFF;
	color: #F36533;
	border: 1px solid #828282;
}


.PartnerLogin {
	width: 400px;
}
.PartnerLogin h2 {
	color: #A3A3A3;	
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.PartnerLogin .LoginArea {
	background-image: url('../background/partner_login.png');
	background-repeat: no-repeat;
	clear: both;
	height: 45px;
	padding-top: 15px;
	padding-left: 30px;
}
.PartnerLogin .LoginArea div.Label {
	float: left;
	margin-top: 4px;
}
.PartnerLogin .LoginArea input { 
	width: 71px;
	float: left;
	background-image: url('../background/textbox_78.png');
	background-repeat: no-repeat;
	border: none;
	background-color: Transparent;
	font-size: 10px;
	padding: 2px;
	padding-left: 5px;
	color: #828282;	
	float: left;
	height: 16px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
}
.PartnerLogin .SmallButton {
	float: left;
}

.PartnerLogin .LogoutArea 
{
	padding: 30px 0 0 135px
}

.QuoteStart {
	background-image: url('../icons/bq_start.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.QuoteEnd {
	background-image: url('../icons/bq_end.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-left: 26px;
	padding-top: 20px;
}
.QuoteContent {
	margin-right: 25px;
}

.ListRowHeader {
	margin-bottom: 10px;
}

#campaignMonitorSubscriptions
{
	float: left;
}