﻿body 
{
	font-family: Arial;
	font-size:13px;
	margin:0;
	padding:0;
}
div#container 
{
	background:url(/images/containerBackground.gif) repeat-x;
}
/* BANNERS */

/* chatflow banner */
div#banner
{
	background-image:url(/images/banner.gif);
	margin:0 auto;
	width:820px;
	height:120px;
}
#banner a
{
	display:block;
	width:330px;
	height:100px;
	margin:0 auto;
	outline:none;
}
#banner a span
{
    display:none;
}

/* chatflowBASIC banner */
div#bannerBasic
{
	background-image:url(/images/bannerBasic.gif);
	margin:0 auto;
	width:820px;
	height:120px;
}

#bannerBasic a
{
	display:block;
	width:330px;
	height:100px;
	margin:0 auto;
	outline:none;
}
#bannerBasic a span
{
    display:none;
}

/* download file banner */
div#bannerFile
{
	background-image:url(/images/bannerFile.gif);
	margin:0 auto;
	width:820px;
	height:120px;
}
#bannerFile a
{
	display:block;
	width:330px;
	height:100px;
	margin:0 auto;
	outline:none;
}
#bannerFile a span
{
    display:none;
}

/* chatflow downloads banner */
div#bannerDownloadOptions
{
	background-image:url(/images/bannerDownloadOptions.gif);
	margin:0 auto;
	width:820px;
	height:120px;
}

/* MAIN PAGES */

/* chatflow UI showcase */
div#UIfeatures
{
	margin:0 auto;
	width:820px;
	height:305px;
	padding:0;
	background:url(/images/chatflowUI.jpg) no-repeat;	
}
div#UIfeatures span
{
    display:none;
}
div#UIfeatures a 
{
    display:block;
    height:305px;
}
div#UIfeatures a:hover
{
    background:url(/images/chatflowUI.jpg) 0px -305px no-repeat;	   
}

/* chatflowBasic UI showcase */
div#UIfeaturesBasic
{
	margin:0 auto;
	width:820px;
	height:305px;
	padding:0;
	background:url(/images/chatflowBasicUI.jpg) no-repeat;	
}
div#UIfeaturesBasic span
{
    display:none;
}
div#UIfeaturesBasic a 
{
    display:block;
    height:305px;
}
div#UIfeaturesBasic a:hover
{
    background:url(/images/chatflowBasicUI.jpg) 0px -305px no-repeat;	   
}

/* chatflow UIs showcase */
div#UIShowcase
{
	margin:0 auto;
	width:820px;
	height:233px;
	padding:0;
	background:url(/images/chatflowUIs.gif) no-repeat;
	display:block;	
}

/* chatflow content */
div#content
{
	margin:0 auto;
	width:700px;	
}
#content h1
{
	color:#00a5d8;
	font-weight:bold;
	font-size:18px;	
}
#content h1 span
{
	font-size:14px;	
	font-weight:normal;
}
#content p
{
	font-size:13px;
}
#content ol
{
	font-size:13px;	
}
#content a
{
	font-size:13px;	
	color:#00a5d8;	
}

div.profile img
{
	float:left;
	margin-right:10px;
}

img.featureImage
{
	margin:40px 0 800px 0;
}

/* chatflow content action links */
div#actionLinks
{
	width:250px;
	float:right;
	margin:40px 0 0 30px;
}
div#actionLinks div
{
    float:left;
    width:250px;
    margin:20px 0 0 0;
}
#actionLinks img
{
	float:left;
	margin-right:10px;
}
#actionLinks h2
{
	font-size:14px;
	padding:0;
	margin:10px 0 0 0;
}
#actionLinks a
{
	font-weight:bold;
	font-size:12px;
	color:#2268a3;
}
a#downloadLink
{
	background-image:url(/images/downloadBasic.gif);
	display:block;
	width:199px;
	height:35px;
	text-align:center;
	padding:15px 0 0 15px;
	color:White;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
	float:left;
}
a#downloadLink:hover
{
	text-decoration:underline;
}


/* DOWNLOAD PAGES */

/* chatflow download content */
span#white
{
	color:White;
	font-size:12px;
	display:block;
	width:620px;
	text-align:center;
	padding:40px 0 20px 0;
}
span.babyBlue
{
	color:#38c7f3;
	font-weight:bold;	
}

div#downloadLinks
{
	margin:auto;
	width:214px;
	text-align:center;	
}
div#downloadPrompt
{
    background-color:#e9fad0;
    border:solid 1px #aee756;
    padding:30px;
    text-align:center;
    margin:20px 0 50px 0; 
}
#downloadPrompt a:hover
{
    background-color:#b8ecda;   
}
div#downloadContent a
{
	font-size:12px;
	color:#2268a3;   
}
span#downloadMessage
{
    font-size:16px;  
    font-weight:bold;
}
span#downloadActions
{
    font-size:12px;
}

div#downloadContent
{
	margin:0 auto;
	width:620px;	
	background-image:url(/images/chatflowThankYou.jpg);
	background-repeat:no-repeat;
	padding:0 100px 0 100px;	
}
#downloadContent h1
{
    color:#00a5d8;
    font-weight:bold;
    font-size:18px;	
}
#downloadContent h2
{
    color:#00a5d8;
    font-weight:bold;
    font-size:14px;	
}
div#changeLog
{
    width:205px;
    float:right;
    margin-left:20px;
}
#changeLog p
{
	font-size:12px;
	color:#c0c0c0;	
}
div#ads
{
    width:200px;
    float:right;
    margin-left:30px;
}
div#ads span
{
    font-size:11px;
}
span.version
{
	font-size:12px;
	color:#c0c0c0;
	font-weight:bold;
}
span#latestVersionHeading
{
	font-size:12px;
	color:#9d9d9d;
	font-weight:bold;
}
span.date
{
	font-weight:normal;
}

p#latestVersionInfo
{
	color:#9d9d9d;
}
#downloadContent ul
{	
	margin:10px 0 0 30px;
	padding:0;
	color:#c0c0c0;
	font-size:12px;
}
ul#latestVersionBullets
{
	color:#9d9d9d;
}

#downloadcontent li
{
	margin:0;
	padding:0;
}

a.downloadLinkOption
{
	background-image:url(/images/download.gif);
	display:block;
	width:214px;
	height:35px;
	text-align:center;
	padding-top:15px;
	color:White;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:10px;
}
a.downloadLinkOption:hover
{
	text-decoration:underline;
}

a#sixtyFourBit
{
	font-size:13px;	
	color:#00a5d8;	
}
img.appIcon
{
    float:left; 
    padding:5px 20px 20px 0;   
}

/* chatflowBasic download content */
div#ads a
{
	font-size:12px;
	color:#00a5d8;
	font-weight:bold;  
}

/* THANK YOU PAGES */

/* chatflow thank you content */
div#thankYouContent
{
	margin:0 auto;
	width:820px;	
	height:302px;
	background-image:url(/images/chatflowThankYou.jpg);
	background-repeat:no-repeat;
}
span#whiteLarge
{
	color:White;
	font-size:20px;
	display:block;
	text-align:center;
	padding:30px 0 20px 0;
	margin:auto;
}
span.babyBlueLarge
{
	color:#38c7f3;
}
div#thankYouLinks
{
	margin:auto;
	width:560px;
}
div#thankYouLinks img
{
	margin:0 20px 0 20px;
	float:left;
}
a#facebookLink
{
	display:block;
	width:200px;
	color:#45629e;
	float:left;
	font-size:16px;
	text-align:right;
	margin-top:10px;
}
a#forumsLink
{
	color:#3bacd8;
	display:block;
	width:200px;
	float:left;
	font-size:16px;
	margin-top:10px;
}

/* DOWNLOAD OPTIONS */

div#optionsContent
{
	margin:0 auto;
	width:820px;	
	background-image:url(/images/chatflowThankYou.jpg);
	background-repeat:no-repeat;
}
#optionsContent h1
{
	color:#00a5d8;
	font-weight:bold;
	font-size:18px;	
}
#optionsContent h1 span
{
	font-size:14px;	
	font-weight:normal;
}
#optionsContent a
{
	font-size:13px;	
	color:#00a5d8;	
}

div#basicColumn
{
	width:300px;
	float:right;
    margin-right:50px;
}
div#chatflowColumn
{
	width:300px;	
    margin-left:100px;
}

ul.optionBullets
{
    margin:10px 0 10px 0;
    padding:0 0 0 15px;
    font-size:15px;
}

span#dotNetWarning
{
    color:Gray;
    font-size:14px;
}

span#oops
{
    font-weight:bold;
    font-size:18px;
}

a#downloadChatflow
{
	background-image:url(/images/downloadButton.gif);
	display:block;
	width:179px;
	height:35px;
	text-align:center;
	padding:22px 0 0 35px;
	color:White;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
	float:left;
}
a#downloadChatflow:hover
{
	text-decoration:underline;
}


a#downloadChatflowBasic
{
	background-image:url(/images/downloadButtonBasic.gif);
	display:block;
	width:179px;
	height:35px;
	text-align:center;
	padding:22px 0 0 35px;
	color:White;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
	float:left;
}
a#downloadChatflowBasic:hover
{
	text-decoration:underline;
}
