/* CSS Document */

/* START general styles _________________________________________________________ */
body {
	background-color: #f5f5f5;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 13px;	
}

p {
	margin: 0px 0px 15px;
	padding: 0px;
	color: #333333;
	font-size: 13px;
	line-height: 19px;	
}

h1 {
	margin: 10px 0px 15px;
	padding: 0px;
	color: #333333;
	line-height: 34px;
	font-size: 30px;
	font-weight: normal;
}

h2 {
	margin: 20px 0 23px 0;
	padding: 0px;
	color: #333333;
	line-height: 30px;
	font-size: 25px;	
	font-weight: normal;
}

h3 {
	margin: 20px 0px 10px;
	padding: 0px;
	color: #666666;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

h4 {
	margin: 20px 0 10px 0;
	padding: 0px;
	color: #666666;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
}


h5 {
	margin: 0;
	padding: 0;
	color: #666666;
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;	
}

h6 {
    margin: 20px 0 2px 0;
	padding: 0px;
	color: #008fd4;
	font-weight: bold;
	font-size: 19px;
	line-height:30px;	
}


a {
	margin: 0px;
	padding: 0px;
	color: #008FD5;
	text-decoration: none;
	outline:none 0;
}

a:hover {
	margin: 0px;
	padding: 0px;
	color: #008FD5;
	text-decoration: underline;
}

a:visited {
	margin: 0px;
	padding: 0px;
	color: #008FD5;
}

blockquote {
	margin: 0;
	padding: 20px;
	background-color: #4b78a6;
	line-height: 18px;
	font-size: 12px;
	font-weight: normal;
}
blockquote p {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}
blockquote p a {
	padding: 3px;
	background-color: #89A6E2;
	color: #FFFFFF;
	text-decoration: underline;
}
blockquote p a:hover {
	padding: 3px;
	background-color: #89A6E2;
	color: #FFFFFF;
	text-decoration: underline;
}

/* END general styles _________________________________________________________ */


/* START Wrapper style _________________________________________________________ */

#outerwrapper {
	width: auto;
	margin: 0;
	padding: 0;
	background-image: url(images/spacers/back_image.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

#innerwrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

/* END Wrapper style _________________________________________________________ */

/* START header styles _________________________________________________________ */

/* start header structure styles */

#header {
	width: 1000px;
	margin: 0;
	padding: 0;
	height: 106px;
	clear: both;
}

#logo {
	width: 244px;
	margin: 11px 0 0 0;
	padding: 0;
	height: 83px;
	float: left;
}

/* end header structure styles */

/* END header content styles _________________________________________________________ */


/* START navigation styles _________________________________________________________ */

/* start navigation structure styles */

#navigation {
	width: 467px;
	padding: 64px 0 0;
	height: 42px;
	float: right;
	display: inline;
	clear: right;
}

/* end navigation structure styles */

/* start navigation content styles */ 

#navigation ul  {
	position: relative;
	width:467px;
	height:42px;
	background-image: url(images/nav/top_nav.gif);
	margin: 0;
	padding: 0;
}

#navigation ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0;
}

#navigation ul li, #navigation a {
	display:block;
	height:42px;
	border-bottom:0;
}

#navigation ul li a {
	text-indent:-9999px;
	text-decoration:none;
}

#n1 {left:0; top:0; width:110px;}
#n2 {left:111px; top:0; width:70px;}
#n3 {left:182px; top:0; width:140px;}
#n4 {left:323px; top:0; width:144px;}

#n1 a:hover {background: transparent url(images/nav/top_nav.gif) 0 -42px no-repeat;border-bottom:0;}
#n2 a:hover {background: transparent url(images/nav/top_nav.gif) -111px -42px no-repeat;border-bottom:0;}
#n3 a:hover {background: transparent url(images/nav/top_nav.gif) -182px -42px no-repeat;border-bottom:0;}
#n4 a:hover {background: transparent url(images/nav/top_nav.gif) -323px -42px no-repeat;border-bottom:0;}

#n1 a.selected {background: transparent url(images/nav/top_nav.gif) 0 -84px no-repeat;border-bottom:0;}
#n2 a.selected {background: transparent url(images/nav/top_nav.gif) -111px -84px no-repeat;border-bottom:0;}
#n3 a.selected {background: transparent url(images/nav/top_nav.gif) -182px -84px no-repeat;border-bottom:0;}
#n4 a.selected {background: transparent url(images/nav/top_nav.gif) -323px -84px no-repeat;border-bottom:0;}


/* end navigation content styles */

/* END navigation styles _________________________________________________________ */

/* START main message styles _________________________________________________________ */

#secondary {
	width: 100%;
	margin: 0;
	padding: 0;	
}

#secondary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;	
}

#secondary li {
	border-bottom: 1px solid #e0e0df;
	margin: 0;
	padding:5px 10px;
	font-size: 11px;
}

#secondary li a {
	display: block;
	padding: 5px;
	color: #333333;
	text-decoration: none;
}

#left li a { 
	width: auto; 
}

#secondary li a:hover {	
	color: #008FD5;
}

#left .selected {
    color: #008FD5;
	font-weight: bold;
}

#left .sub-selected {
	font-weight: bold;
}


/* START main content styles _________________________________________________________ */

/* start main content structure styles */ 

#main {
	width: 1000px;
	margin: 0;
	padding: 0;
	clear: both;
}

/* ------------- Home Gallery --------------- */
#homegallery {
	width: 1000px;
	margin: 0 0 20px 0;
	padding: 0;
	background: transparent url(images/home/main_image.jpg) no-repeat;
	height: 315px;
}

table#tophome {
    border:none 0;
    border-collapse:collapse;
}

#topcopy, #thenewguy {
    padding:20px 0 0 20px;
    vertical-align:top;
}

#topcopy h1 {
    font-size:28px;
    font-family: Trebuchet MS,Tahoma,Arial,Sans-serif;
    color:#008fd4;
    font-weight:900;
    margin:5px 0 5px 0;
}

table#pluslist {
    margin:0;
    border:none 0;
    border-collapse:collapse;
}

#pluslist tr td {
    width:50%;
    padding:0 20px 0 0;
}

#pluslist tr td ul {
    margin:10px 0 10px 0;
    padding:0;
}

#pluslist ul li {
    font-size:13px;    
    color:#666666;
    font-weight:900;
    margin:0;
    padding:2px 0 5px 0;
    font-family:Tahoma,Arial,Helvetica,sans-serif;
    white-space:nowrap;
    list-style-type:none;
    marker-offset:0;
}

/* ------------------ End Gallery Items ------------- */


#content {
	width: 1000px;
	margin: 0;
	padding: 15px 0 20px 0;
	clear: both;
	overflow: auto;
	background-color:transparent;
}

div#content.secondary {
    background:white url(images/main_image/secondary_image.jpg) no-repeat;
}

#left {
	width: 280px;
	margin: 0;
	padding: 30px 20px 0 20px;
	float: left;
}

#left p {
    font-size:11px;
}


#leftwide {
    width: 600px;
	margin: 0;
	padding: 0;
	float: left;
}

#rightwide {
	width: 640px;
	margin: 0;
	padding: 0;
	float: right;
}

#center {
	width: 280px;
	margin: 30px 20px 0;
	padding: 0;
	float: left;
}

#centerwide {
	width: 600px;
	margin: 30px 20px 0;
	padding: 0;
	float: left;
}

#right {
	width: 280px;
	margin: 0;
	padding: 30px 20px 0 20px;
	float: right;
}

#full, div.full {
	width: 920px;
	margin: 0;
	padding: 30px 20px 0 20px;
	float: left;
}

table.threecol, table.fourcol {
    width:100%;
    border-collapse:collapse;
    border:none 0;
    margin-top:5px;
    table-layout:fixed;
}

table.threecol tr td.leftcol, table.threecol tr td.centercol, table.threecol tr td.rightcol {
    width:33%;    
    vertical-align:top;
    padding:10px 25px 10px 0;
}

table.fourcol tr td.leftcol, table.fourcol tr td.centercol, table.fourcol tr td.rightcol {
    width:25%;    
    vertical-align:top;
    padding:10px;
}


.plan {
	width: 170px;	
	margin: 10px;
	padding: 20px;
	float: left;	
	background: transparent url(images/back.png) no-repeat top left;
}

.plangrn {
	width: 170px;	
	margin: 10px;
	padding: 20px;
	float: left;
	background: transparent url(images/back_green.png) no-repeat top left;	
}

.plan h3, .plangrn h3 {
   margin:0 0 5px 0;
}


/* end main content structure styles */ 

/* start main content styles */


.small {
	margin: 0px 0px 10px;
	padding: 0px;
	color: #666666;
	font-size: 10px;
	line-height: 13px;
}

#rightwide ul, #rightwide dl {
	margin: 5px 10px 5px 30px;
	padding: 0;
	border: none;		
}

#rightwide li {	
	padding:5px 10px 5px 5px;
	list-style-type: disc;			
	list-style-position:outside;
}

#rightwide dl dd {	
	padding:5px 10px 5px 0;
	margin:0;
}

#rightwide dl dt {
    padding:8px 5px 4px 0;
    font-weight:bold;
    color:#666666;
}

#rightwide dl dd {
    color:#999999;
    line-height:15px;
}

.plan ul, .plangrn ul {
	margin: 0;
	padding: 0 0 10px 0;
	border: none;
	color: #333;
	list-style-type: none;	
}

.plan li, .plangrn li {
	margin: 0;
	padding:2px 0;
}

.plan li a, .plangrn li a {
	padding: 5px;
	background-color: #f5f5f5;
	color: #333333;
	text-decoration: none;
}

.plan li a:hover, .plangrn li a:hover {
	background-color: #f5f5f5;
	color: #008FD5;
}

.plan h2, .plangrn h2 {
	margin: 0px 0px 10px;
	padding: 0px;
	color: #333333;
	line-height: 34px;
	font-size: 28px;
	font-weight: normal;
}

/* end main content styles */

/* END main content styles _________________________________________________________ */

/* START footer styles _________________________________________________________ */

/* start footer structure styles */ 

#footerwrapper {
	width: auto;
	background-image: url(images/footer/footer_spacer.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	height: 157px;
}

#footer {
	width: 800px;
	margin: 0 auto;
	padding: 43px 0 0 160px;
	height: 157px;
	background-image: url(images/footer/footer_logo.gif);
	background-repeat: no-repeat;
}

#footcolumns {
	float: left;
	padding: 0;
	width: 800px;
}

#copyright {
	float: left;
	padding: 0;
	width: 800px;
	margin: 10px 0 0;
}

.foot {
	float: left;
	text-align: left;
	padding: 0;
	margin: 0 20px 0 0;
}

/* end footer structure styles */ 

/* start footer content styles */

#footer p {
	margin: 0;	
	font-size: 10px;
	color:#999999;
}

#footerwrapper a {
	color: #666666;
}

#footerwrapper a.selected {
    color:#008fd4;
    font-weight:bold;
}

/* end footer content styles */

/* END footer styles _________________________________________________________ */


img {
    border:0;
}

.rssDate {
    font-size:10px;    
    padding:0;
    white-space:nowrap;
}

.blogArticleInfo {
    font-size:10px;    
}

ul.rssLinkList {
    margin:0;
    padding:0;    
}

ul.rssLinkList li {
    margin:0;
    padding:0 0 15px 0;
    list-style-type:none;
}


table.formLayout {
    border:none 0;
    border-collapse:collapse;    
    margin-left:10px;
}

table.formLayout tr th { 
    text-align:right;
    white-space:nowrap;        
    padding-left:10px;
    padding-bottom:8px;        
    
}

table.formLayout tr th, table.formLayout tr td {
    
    line-height:22px;      
    vertical-align:baseline;
}

table.formLayout tr td {
    padding:5px 5px 8px 5px;
}


div.hr
{
    height: 1px;
    border-bottom: dotted 1px #909090;    
    margin:5px 0 5px 0;
    padding:0 10px 0 10px;
}

div.change {
    vertical-align:top;
    padding:20px;    
    float:left;
    font-weight:bold;
    
}

input[type="text"], textarea, input[type="password"] {
    padding:2px;
    border:solid 1px #cfcfcf;
}

.modalBackground
{
    background-color: #333333;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.modalPopupInfo
{
    width: 500px;
    background-color: #ffffff;
    border:solid 8px #bae383;
    clear: left;
    margin: 7px;
    padding: 15px;
    font-size:14px;
    color: #333333;
    z-index: 10000000;
}

.modalPopupInfo p {
    font-size:14px;
    line-height:18px;
}

.modalPopupInfo h2
{    
    font-size: 18px;
    line-height: 34px;
    font-weight: bold;    
}

a.freeTrialLink {
    font-weight:bold;
}

table.confirmCheck {
    border-collapse:collapse;
    border:0;
    width:500px;
    margin:10px 20px 15px 0;
}

table.confirmCheck tr th {
    vertical-align:top;
    padding:5px;
    width:15px;
}

table.confirmCheck tr td {
    vertical-align:top;
    padding:5px;
}

.ErrorSummary
{
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    color: #333333;
    margin: 5px 10px 5px 10px;
    padding: 8px 3px 8px 5px;
    line-height:17px;    
}

.ErrorSummary strong
{
    color: #c0272d;
    text-transform: uppercase;
}

.ErrorSummary li
{
    padding-left: 30px;
}

.SuccessMessage
{
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    color: #333333;
    font-weight: bold;
    margin: 5px 10px 5px 10px;
    padding: 8px 3px 8px 5px;   
}

.SuccessMessage strong {
    color: #39B64A;
}

/* 
ltblue - #b4e8fe
lt green - #bae383
gold - #fcbc00
ltgrey - #f5f5f5
dkgrey - #666666
dkblue - #008fd4
red - #c0272d
dark green - #39B64A
*/

.red {
    color:#c0272d;
}

.green {
    color:#39B64A;
}

div.bottomButtons {
    padding:15px;
}

/* BEGIN Content area items - screenshot and video links */


div#sasIsBetter {    
    padding:0;
    margin:0;
}

div#sasIsBetter dl {
    margin:0;
    padding:0;
}

div#sasIsBetter dl dt {
    font-size:12px;
    padding:0;
    margin:2px 0 2px 0;
    color:#333333;
    font-weight:bold;
}


div#sasIsBetter dl dd {
    margin:0;
    padding:5px 0 8px 25px;
    font-size:11px;
    color:#666666;
}

div.calloutText {
    font-size:18px;
    font-weight:normal;
    font-style:italic;
    padding:8px 5px 10px 5px;    
    text-align:center;    
    background:transparent url(images/600_quote_back.png) no-repeat top left;    
    color:#f5f5f5;
    width:590px;
    font-family:Georgia,Times,serif;
    margin:15px 10px 15px 10px;
}


div.links {
    margin:15px 0 15px 0;
}

table#gallery {
    width:90%;
    border:none 0;
    margin:0;
}

table#gallery td.links {    
    white-space:nowrap;
    padding:10px;
}


table#gallery td.description {    
    color:#333333;
    padding-bottom:10px;
    font-size:11px;
}

a.screenLink {    
    padding:0;
    margin:0 3px 0 3px;    
    float:left;
}

div.videoLink {
    position:relative;    
    padding:0;
    margin:0 3px 0 3px;    
    width:100px;
    height:62px;                
    border:none 0;
    float:left;
}

div.videoLink a.search {
    position:absolute;    
    padding:0;
    margin:0;
    width:100px;
    height:62px; 
    top:0;
    left:0;
    background: transparent url(images/thumbnails/searchvideo.png) no-repeat scroll 0 0;   
}

div.videoLink a.search:hover {
    background: transparent url(images/thumbnails/searchvideo.png) no-repeat scroll 0 -62px;   
}


div.videoLink a.addsnippet {
    position:absolute;    
    padding:0;
    margin:0;
    width:100px;
    height:62px; 
    top:0;
    left:0;
    background: transparent url(images/thumbnails/addsnippetvideo.png) no-repeat scroll 0 0;   
}

div.videoLink a.addsnippet:hover {
    background: transparent url(images/thumbnails/addsnippetvideo.png) no-repeat scroll 0 -62px;   
}


div.videoLink a.viewsnippet {
    position:absolute;    
    padding:0;
    margin:0;
    width:100px;
    height:62px; 
    top:0;
    left:0;
    background: transparent url(images/thumbnails/viewsnippetvideo.png) no-repeat scroll 0 0;   
}

div.videoLink a.viewsnippet:hover {
    background: transparent url(images/thumbnails/viewsnippetvideo.png) no-repeat scroll 0 -62px;   
}


div.videoLink a.tagbrowsing {
    position:absolute;    
    padding:0;
    margin:0;
    width:100px;
    height:62px; 
    top:0;
    left:0;
    background: transparent url(images/thumbnails/tagbrowsingvideo.png) no-repeat scroll 0 0;   
}

div.videoLink a.tagbrowsing:hover {
    background: transparent url(images/thumbnails/tagbrowsingvideo.png) no-repeat scroll 0 -62px;   
}


div.videoLink a.myprofile {
    position:absolute;    
    padding:0;
    margin:0;
    width:100px;
    height:62px; 
    top:0;
    left:0;
    background: transparent url(images/thumbnails/myprofilevideo.png) no-repeat scroll 0 0;   
}

div.videoLink a.myprofile:hover {
    background: transparent url(images/thumbnails/myprofilevideo.png) no-repeat scroll 0 -62px;   
}


div.videoLink a.user {
    position:absolute;    
    padding:0;
    margin:0;
    width:100px;
    height:62px; 
    top:0;
    left:0;
    background: transparent url(images/thumbnails/usersvideo.png) no-repeat scroll 0 0;   
}

div.videoLink a.user:hover {
    background: transparent url(images/thumbnails/usersvideo.png) no-repeat scroll 0 -62px;   
}

div.videoLink a.wishlist {
    position:absolute;    
    padding:0;
    margin:0;
    width:100px;
    height:62px; 
    top:0;
    left:0;
    background: transparent url(images/thumbnails/wishlistvideo.png) no-repeat scroll 0 0;   
}

div.videoLink a.wishlist:hover {
    background: transparent url(images/thumbnails/wishlistvideo.png) no-repeat scroll 0 -62px;   
}


div.videoLink a.comments {
    position:absolute;    
    padding:0;
    margin:0;
    width:100px;
    height:62px; 
    top:0;
    left:0;
    background: transparent url(images/thumbnails/viewsnippetvideo.png) no-repeat scroll 0 0;   
}

div.videoLink a.comments:hover {
    background: transparent url(images/thumbnails/viewsnippetvideo.png) no-repeat scroll 0 -62px;   
}

div.videoPlayer {
    text-align:center;
    width:90%;
}

div.videoPlayer p {
    width:640px;
    padding:0;
    margin:5px auto 10px auto;
    text-align:left;
    font-size:11px;
    color:#666666;
    font-style:italic;
}

div.videoPlayer h2, div.videoPlayer h3 {
    width:640px;
    text-align:left;
    margin:10px auto 10px auto;
    padding:0;
}

/* END Content area items - screenshot and video links */