/*
Reset CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
Fonts CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;outline: none;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

a
{
  color: #524F46;
  outline: none;
}

	
body {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	background:#FFF; 
	font-size:13px; 
	color:#434343;
	margin:0;
}

/*This Code Adds the black background to the header*/
#header
{
  background: url(../images/header-bg.gif) repeat-x scroll left top;
  height:60px;
}

/* This code controls the header header height and centers the contents */
#header h1
{
  height: 60px;
  width: 883px;
  margin: 0 auto;

}

/*This Code places the shackmate logo */
#header h1 a {
  background: url(../images/logoSml.png) no-repeat;
  width: 313px;
  height: 55px;
 float:left;
 margin-top: 5px;
 margin-left: 30px;
 
}



/* This controls the contents width and centers */
#content {
  width: 783px;
  margin: 0 auto;
}

/* This Controls the Headings for each widget */
#content h1
{
  margin-top: 10px;
  margin-bottom: 1px;
  padding: 0px 15px;
  font-size: 124%;
  text-transform: uppercase;
  background: url(../images/bg-listheader.png) no-repeat;
  line-height: 32px;
  color: #fff;
}

/* Widget Link Settings */
#content h1 a
{
  color: #fff;
  text-decoration: none;
  font-style: normal;
  text-transform: uppercase;
  line-height: 32px;
}

/* This controls the footer height - if you change footer height, also change padding-bottom for the #content to prevent overlapping */
#footer
{
  font-size: 90%;
  margin-bottom: 0px;
  height: 20px;
  background: url(../images/bg-footer.png) repeat-x bottom;
  padding-top: 10px;
  color: #FFFFFF;
}

#footer .powered-by
{
  float: right;
  color: #FFFFFF;
}

#footer .powered-by A
{
  color: #55a70e;
}

.flash_notice
{
  margin: 3px 0;
  padding: 7px;
  background-color: #cfc;
}

.flash_error
{
  margin: 3px 0;
  padding: 7px;
  background-color: #f33;
  color: #fff;
}

table .TopMenuBar {
	padding: 10px;
}

		#footer-outside {
			margin:0 auto;
			display: block;
			clear: both;
			position:absolute;
			width:100%;
			bottom:0; /* stick to bottom */
		}
		
		/* Controls the width of the footer and centers */
		#footer-content-outside {
			margin:0 auto;
			display: block;
		}

		#footer {
			margin:0 auto;
			display: block;
			clear: both;
		}
		
		/* Controls the width of the footer and centers */
		#footer-content {
			margin:0 auto;
			display: block;
			width: 700px;
		}
		
		div#container {
			position:relative; /* needed for footer positioning*/
			margin:0 auto; /* center, not in IE5 */
			
			height:auto !important; /* real browsers */
			height:100%; /* IE6: treaded as min-height*/
		
			min-height:100%; /* real browsers */
		}
		
		/* This prevents the footer from covering content, so make sure padding-bottom is set to match footer height */
		div#content {
			padding-bottom: 20px;
		}	

		/* This prevents the footer from covering content, so make sure padding-bottom is set to match footer height */
		div#content-full {
			padding-bottom: 430px;
		}
		
		div#footer {
			position:absolute;
			width:100%;
			bottom:0; /* stick to bottom */
		}		
		
		/* This controls the top-most menu item list (login / logout / settings / etc) */
		.SettingsDIVOuter {
		  position: absolute;
		  height: 30px;
		  width: 100%;
		  margin: 0 auto;
		  padding: 25px 0px 0px 0px;
		}
		
		.SettingsDIV {
		  z-index: 10;
		  height: 30px;
		  width: 1083px;
		  margin: 0 auto;
		  text-align: right;
		  color: #FFFFFF;
		  
		  font-size:13px;
			font-weight:normal;
			text-decoration:none;
			text-shadow:1px 1px 1px #222222;
		  
		}
		
		.SettingsDIV a {
		 	color:#DDDDDD;
		 }
		
		.SettingsDIV a:active, .SettingsDIV a:hover {
			color:#FFFFFF;
		}
		
		.SettingsDIV form { 
			
			padding: 0px;
			margin-left: 50px;
		}
		
		.SettingsDIV InputLabel { 
			margin-left: 0px;
			display: inline;
		}
		
		a {
			color:#3B5998;
			cursor:pointer;
			outline-style:none;
			text-decoration:none;
		}
		
		
		/* LAYOUT CSS */
		
		.TopHeaderLink {		
			color: #FFFFFF;
			margin-left: 15px;
			margin-right: 15px;
		}
		
		
		
		
		
		
		
		
		
		
		
		/* DBO DISPLAY CSS */
		
		#DBODisplayRoladex tbody tr td {
			font-size: 10px;
		}
		
		#DBODisplayRoladex tbody tr td a:hover {
			color: #000000;
		}
		
		.clear {
			clear:both;
		}
		
		.TopMenuBar {
			margin-bottom: 10px;
		}
		
		.PageInfo {
			margin: 20px;
			font-size: 14px;
		}
		
		.InternalPageTitle {
			font-size: 24px;
			font-weight: bold;
		}

		.CSSTable caption {
			font-size: 14px;
			font-weight: bold;
		}		

		.page_contents {
			margin-bottom: 30px;
		}
		
		.page_contents p {
			color: #000000;
		}
		
		
		#twitter_update_list span {
			display: block; 
		}

		
		h1, h2, h3, h4, h5, h6 {font-family:'Lucida Grande', 'Lucida Sans Unicode'; font-weight:normal;color:#000;}
		h1  { text-shadow: 2px 2px 2px #3c7710;  font-weight: 800;font-size:52px; color:#FFF; letter-spacing:-1px; margin-top:-3px; float:left; line-height:normal;}
		h2 {font-size:32px; margin: 0 0 25px;  }
		h3 {font-size:16px; margin:0 0 10px; font-weight:bold;}
		h4 {font-size:14px; margin:0 0 10px; font-weight:bold;}
		
		input {margin:0 0 10px 0;}
		p {line-height:18px; margin:0 0 15px 0; }
		ul { margin:0px 0 25px 0px; padding:0 0 0 10px; }
		ul li {  margin:0 15px 10px 0; padding:0 0 0 15px; list-style-type:none; }
		
		
		.box { background: #f2f2f2; padding: 15px; margin-bottom: 20px; border: 1px solid #ddd; }
		.block, #formOnlineUserRegistration { background:#efefef; border:1px solid #d9d9d9; padding: 10px; margin-bottom: 30px; }
		
		/* typography related */
		.light, .note, .hint { color: #777; }
		.lighter { color: #ccc; }
		.center {text-align:center; margin-left:auto; margin-right:auto;}
		.big { font-size: 150%; }
		
		.interview p { margin-bottom: 32px; }
		
		/* the grid */
		.col-1, .col-2, .col-3, .col-4, .col-4-5, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {margin-right:35px; float:left;}
		.col-12 { margin-right:0px;}
		
		.col-12 {width:925px;}
		.col-11 {width:845px;}
		.col-10 {width:765px;}
		.col-9 {width:685px;}
		.col-8 { width:605px;}
		.col-7 {width:525px;}
		.col-6 {width:445px;}
		.col-5 {width:365px;}
		.col-4-5 {width:307px;}
		.col-4 {width:285px;}
		.col-3 {width:205px;}
		.col-2 {width:125px;}
		.col-1 {width:45px;}
		
		.last {margin-right:0 !important;}
		
		.margin-bottom {margin-bottom:10px; }
		
		.left{float:left;}
		.right{float:right;}
		.clear {clear:both;}
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
		
		hr {color:#d9d9d9; background:#d9d9d9;border:0px; height:1px;margin-bottom:25px;clear:both;}
		
		/* all content areas that are outside of grid but need to be centered with correct width */
		.content { width:925px; margin: 0 auto; display: block; }
		.content:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
		
		#wrapper {min-height:100%; height:auto !important;height:100%;margin:0 auto -375px;/* neg val of footer height*/}
		
		#banner { height:75px; padding:20px 0 20px 0; background: url('../images/bg-subpagebanner.gif') repeat-x; } /* green banner used on all sub-pages */
		
		#content {padding:20px 0 0;}
		
		#front-footer,#push { clear:both;/* .push must be the same height as .footer */ }
		#push {height: 375px;}
		
		#footer-wrapper { padding:20px 0 0 0; width:925px; margin:auto;}
		#front-footer { background:#111 url('../images/bg-footer.gif') repeat-x; height: 375px; color: #666; border-top: 1px solid #444; font-size: 11.5px; }
		#front-footer.frontpage { height: 430px; }
		#front-footer h3 { color: #fff; border-bottom: 1px solid #444; margin-bottom: 10px; padding:0 0 5px 0; font-size: 13px; font-weight:normal;}
		#front-footer a { color: #777 }
		#front-footer a:hover { color: #cdcdcd;  }
		#front-footer ul { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
		#front-footer ul li { margin-bottom:5px; font-size:11.5px; background:none; padding:0; }
		#front-footer ul li a { color:#999;  }
		#front-footer ul li a:hover { color:#3084ca; }
		
		#front-footer .content { margin-top:20px; }
		#front-footer .copyright { margin-top:20px; }
		
		#front-footer  #copyright { text-align: center; font-size: 11px; color: #666; margin: 15px 0 10px 0; }
					
		#features .col-3 { width: 220px; margin-right: 15px; }
		#features .feature { margin-top: 10px; margin-bottom: 10px; cursor: pointer; padding: 5px 0px 5px 5px; }
		#features .feature:hover p.light { color: #555; }
		#features .feature:hover h3 { color: #111; }
		
		
		#features h3.feature-analytics { background: url('../images/icon_reports_32.png') center left no-repeat; }
		#features h3.feature-websites { background: url('../images/icon_umbrella_32.png') center left no-repeat; }
		#features h3.feature-visitors { background: url('../images/icon_search_32.png') center left no-repeat; }
		#features h3.feature-google { background: url('../images/icon_google_32.png') center left no-repeat; }
		#features h3.feature-chat { background: url('../images/icon_leads_32.png') center left no-repeat; }
		#features h3.feature-support { background: url('../images/icon_clients_32.png') center left no-repeat; }
		#features h3.feature-geo { background: url('../images/icon_webservices_32.png') center left no-repeat; }
		
		#feature-bar h3, #features h3 { font-weight: lighter; padding: 10px 0 6px 40px; color: #444; font-size: 16px; }
		
		
		#features .feature { margin: 20px 0 0 0; }
		#features .feature:hover { background: none; }
		#features.dark .feature:hover p.light { color: #000; }
		
		#signup-big { float: right; margin: 0 0 0 20px; text-align: center; }
		#signup-big p { font-size: 12px; color: #999; }
		#signup-big a { color: #ddd; }
		#signup-big a:hover { color: #fff; }
		
		#bottom-signup { background: #373737; padding: 15px 0 14px 0; margin-top: 30px; border-bottom: 1px solid #222; text-align: center; font-size: 16px; color: #999; }
		#bottom-signup * { vertical-align: middle; }
		#bottom-signup a { color: #eee; }
		#bottom-signup a:hover { color: #fff; }
		#bottom-signup span { margin: 0 5px; }
		
		#footer-news h3, #footer-twitter h3, #footer-contact h3 { padding: 5px 0 0 25px; height: 22px; }
		#footer-news h3 { background: url('../images/feed20.gif') center left no-repeat; }
		#footer-twitter h3 { background: url('../images/twitter21.gif') center left no-repeat; }
		#footer-twitter .datetime { font-weight: bold; color: #fff; margin-bottom: 5px; font-size: 11px; }
		#footer-twitter .tweet_avatar { float: left; margin-left: 5px; }
		
		#footer-news a, #footer-twitter a { color: #78b9e7 !important; }
		#footer-news a:hover, #footer-twitter a:hover { color: #3084ca !important; }
		
		#footer-contact { font-size: 13.5px; }
		#footer-contact h3 { background: url('../images/mail16.gif') center left no-repeat; }
		#footer-contact p { padding: 2px 0 0 25px; height: 22px; color: #fff; margin-bottom: 10px; }
		
		#footer-news li { border-bottom: 1px solid #111; border-top: 1px solid #333; margin: 0 !important; padding: 10px 0 !important; }
		#footer-news li p { margin-bottom: 0; }
		#footer-news ul li:first-child { border-top: none;}
		
		
		
		
		.CSSTable caption { display: none; }
		
		.CSSTable { 
			border: none !important;
		}
		
		.CSSTable tr td {
			background: none !important;
		}
		
		.CSSTable label {
			color: #000000;
		}
		
		.CSSTable input { 
			width: 50%;
		}