/* CSS Reset rules */
/* --------------- */
html, body, a, abbr, acronym, address, area, b, bdo, big, blockquote, button, caption, cite, code,
col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img,
ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub,
sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    background: #FFFFFF;
    color: #575756;
    font-family: Arial, Tahoma, Helvetica, Sans-serif;
    font-size: 14px;
}

h1 {font-size: 1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

a {color: #247D9E; text-decoration: none };
/* a:link {color: #247D9E;} */
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {text-decoration: none;}
a:focus, :focus {outline: 1px dotted #247D9E;}
a:hover, a:active {outline: none;}

small {font-size: 85%;}

table {
  	border-collapse: collapse;
 	border-spacing: 0;
  	font-size:100%;
  	width: 100%;
}

ul, ol { list-style: none; }

img {
    border: 0;
    vertical-align: bottom;
}

input, textarea, select, button
{
	font-size: 100%;
	line-height: 1.1;
}
input[type="text"] {
	border:1px solid #B3B3B3;
	padding: 4px;
}
select {
	padding: 2px 0px;
}

fieldset {
    border: 0;
    display: inline;
}

del {
    text-decoration: line-through;            /* it's deleted text - show it as such */
}
ins {
    text-decoration: none;
    border-bottom: 3px double #333;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

img.icon {
	width: 16px;
	height: 16px;
	border: 0 none;
}

/* Basic page structure */
/* -------------------- */
.inner {
	width: 990px;
	margin: 0 auto;
}

.content-outer {
	margin: 0 auto;
}

/* Menu 
----------------------------------------------- */
.menu-outer {
	height: 40px;
}
.menu-inner  {
}
.menu {
	height: 20px;
	padding: 10px 0;
}
.menu ul {
	list-style: none; 
	margin: 0px;
	padding: 0px;
	height: 20px;
}
.menu ul li {
/*	display: inline-block;  */
/*	padding: 0 20px; */
	float: left;
}
.menu ul li.selected, .menu ul li:hover {
/*	color: #575756  */
	border-bottom: 4px solid #247D9E;
}
.menu ul li a {
	color: #575756;  
	display: inline-block;
	padding: 0 20px 5px;
}
.menu ul li.selected a, .menu ul li a:hover {
	color: #575756;
  	text-decoration: none;
}

/* Header
----------------------------------------------- */
.header-outer {
	background: url(/images/header-bg.jpg) repeat-x scroll 0 0 transparent;
	height: 140px;
}
.header-inner {
	overflow: hidden;
}
.header-inner div.title {
	background-image: url('/images/header-bg-grey.png');
	margin: 10px 0 0 0;
	padding: 0 10px 10px;
	width: 300px;
	text-indent: -9999px;
}
.header-inner div.title h1 {
	background-image: url('/images/logo-white.png');
	background-position: 10px 10px;
	background-repeat: no-repeat;
	height: 66px;
	margin-bottom: 0px;
}
.header-inner div.description {
	background-image: url('/images/header-bg-grey.png');
	margin: 15px 0 0 0;
	padding: 5px 0 5px 20px;
	width: 100px;
}
.header-inner div.description h2 {
	color: #FFFFFF;
	font: 16px Helvetica, Arial, Tahoma, FreeSans, Sans-Serif;
	margin: 0;
	padding: 0;
}


/* Content
----------------------------------------------- */
.main-outer {
	min-height: 1000px;
}
.main-inner {
/*	background-color: #FFFFFF;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;  */
}
.column-main {
	width: 660px;
	padding-top: 20px;
	float: left;
}
.column-sidebar {
	width: 330px;
	float: right;
	padding-top: 20px;
	padding-bottom: 60px;
}





/* Footer
----------------------------------------------- */
.footer-outer {
	background: none repeat scroll 0 0 #C6C6C6;
	color: #444444;
	text-shadow: 1px 1px #CCCCCC;
/*	border-bottom: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;  */
}
.footer-inner {
	padding: 20px 0;
	border-bottom: 2px groove #999999;
}
.copyright-outer {
	background-color: #C6C6C6;
/*	border-top: 2px solid #999999;  */
	color: #444444;
	text-shadow: 1px 1px #CCCCCC;
	height: 40px;
	overflow: hidden;
	padding-top: 20px;
	text-align: center;
}
.copyright-outer a, .copyright-outer a:visited, .copyright-outer a:link, .copyright-outer a:hover  {
  	color: #444444;
}
.copyright-inner {
}



/*
a.button {
	background-color:#EDEFF4;
	border:1px solid #D4DAE8;
	display:block;
	padding-bottom:5px;
	padding-left:22px;
	padding-top:5px;
	width:97%;
	font-size: 85%;
	margin-bottom:30px;
} */

/*
div.title {
	font-family :Arial Narrow;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	color:#333333;
}  */

/* Containers */
/*
div.background {
	background-image: url('/images/background.png');
	background-repeat: repeat-x;
	background-color: #E8E8E8;
}
div.content {
	margin: 0 auto;
	background-color: #FFFFFF;
	min-height: 1200px;
	width: 990px;
	padding-top: 20px;
}  */

/* Icons */
div.icon {
	width: 16px;
	height: 16px;
	background: transparent url('/images/iconstrip.png') no-repeat scroll 0px 0px;
}
div.icon_passion-for-innovation {
	background-position: 0px 0px;
}
div.icon_twitter {
	background-position: -16px 0px;
}
div.icon_twitter-retweets {
	background-position: -16px 0px;
}
div.icon_friendfeed {
	background-position: -32px 0px;
}
div.icon_jaiku {
	background-position: -48px 0px;
}
div.icon_google-buzz {
	background-position: -64px 0px;
}
div.icon_brightkite {
	background-position: -80px 0px;
}
div.icon_dopplr {
	background-position: -96px 0px;
}
div.icon_foursquare {
	background-position: -112px 0px;
}
div.icon_ontheroad {
	background-position: -128px 0px;
}
div.icon_google-reader {
	background-position: -144px 0px;
}
div.icon_posterous {
	background-position: -160px 0px;
}
div.icon_disqus {
	background-position: -176px 0px;
}
div.icon_digg {
	background-position: -192px 0px;
}
div.icon_diigo {
	background-position: -208px 0px;
}
div.icon_mixx {
	background-position: -224px 0px;
}
div.icon_stumbleupon {
	background-position: -240px 0px;
}
div.icon_reddit {
	background-position: -256px 0px;
}
div.icon_slideshare {
	background-position: -272px 0px;
}
div.icon_slideshare-favorites {
	background-position: -272px 0px;
}
div.icon_gowalla {
	background-position: -288px 0px;
}
div.icon_twitpic {
	background-position: -304px 0px;
}
div.icon_picasa {
	background-position: -320px 0px;
}
div.icon_flickr {
	background-position: -336px 0px;
}
div.icon_vimeo {
	background-position: -352px 0px;
}
div.icon_youtube {
	background-position: -368px 0px;
}
div.icon_youtube-favorites {
	background-position: -368px 0px;
}
div.icon_exact-product-blog {
	background-position: -384px 0px;
}
div.icon_get-satisfaction {
	background-position: -400px 0px;
}
div.icon_dailybooth {
	background-position: -416px 0px;
}

/* Symbols */
div.symbol {
	width: 16px;
	height: 16px;
	background: transparent url('/images/symbolstrip.png') no-repeat scroll 0px 0px;
	padding-left: 6px;
	padding-right:6px;
	display: inline;
}
div.symbol_favorite {
	background-position: 0px -1px;
}
div.symbol_retweet {
	background-position: -16px 0px;
}
div.symbol_refresh {
	background-position: -32px 0px;
}
div.symbol_filter {
	background-position: -48px 0px;
}

span.symbol {
	width: 16px;
	height: 16px;
	background: transparent url('/images/symbolstrip.png') no-repeat scroll 0px 0px;
	float: left;
}
span.symbol_retweet {
	background-position: -16px 0px;
}



/* Services */

div.services {
/*	margin-right: 20px;
	margin-left: 20px;
	width:220px;
	float: left;
	display: inline;  */
	padding: 0 15px;
}  

div.services h2 {
/*	border-bottom: 1px solid #DFDFDF;  */
	margin-bottom: 10px;
	padding-bottom: 4px;
/*	text-shadow: 1px 1px #FFFFFF;   */
	color: #6D6D6D;
/*	font-weight: bold;  */  
	font-size: 21px;
	font-family: Helvetica, Tahoma, Arial, FreeSans, Sans-Serif;
}

div.services div.menu {
	padding-top:5px;
	padding-bottom:5px;
	font-size: 80%;
	clear: both;
} 

div.services div.service {
	/*clear: both; */
	margin-bottom: 8px;
}
div.services div.service div.icon {
	float: left;
}
div.services div.service div.body {
	margin-left: 5px;
/*	padding-bottom:10px;  */
	float: left;

}
div.services div.service div.action {
	float: right;
	width:20px;
}

/* Feed */
div.feed {
/*	margin-right: 20px;
	margin-left: 20px;
	width: 680px;
	float: right;
	display: inline;  */
	padding: 0 15px;
/*	font-size: 110%;  */
}
div.feed h1 {
/*	color: #333333;  
	font-weight: bold;  */
	font-family: Helvetica, Tahoma, Arial, FreeSans, Sans-Serif;
	font-size: 28px;
	margin-bottom: 10px;	
}

div.feed div.animation {
	background-image: url('/images/animate.gif');
	background-repeat: no-repeat;
	width: 64px;
	height: 64px;
	margin: 150px auto 0;
}
div.feed div.item div.icon {
	float: left;
}

div.feed div.item div.body {
	margin-left: 22px;
	padding-bottom:10px;
}

div.feed div.item div.body div.service {
	padding-bottom:5px;
}
div.feed div.item div.body div.message {
	padding-bottom:5px;
}
div.feed div.item div.body div.details {
	padding-bottom:5px;
}
div.feed div.item div.body div.media {
	padding-bottom:5px;
}
div.feed div.item div.body div.media img.thumb {
	padding: 1px;
	border: 1px solid silver;
	width: 81px;
	height: 81px;
	margin-right: 20px;
}
div.feed div.item div.body div.media img.video {
	padding: 1px;
	border: 1px solid silver;
	width: 108px;
	height: 81px;
	margin-right: 20px;
}
div.feed div.item div.body div.media img.map {
	padding: 1px;
	border: 1px solid silver;
	width: 180px;
	height: 81px;
}


div.feed div.body div.publish {
	color: #737373;
	font-size: 80%;
}
div.feed div.body div.publish a {
	color: #737373;
}

div.stream-more {
	cursor: pointer;
  	margin: 20px 0;
  	padding: 6px 0 6px 10px;
	height: 19px;
  	color: #666666;
  	background-color: #F2F2F2;
	border: 1px solid #DFDFDF;
	-moz-border-radius: 3px 3px 3px 3px;
	border-bottom-left-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
  	font-size: 90%;
}
div.loading {
	cursor: auto;
	color: #999999;
	background-image: url('/images/loading.gif');
	background-repeat: no-repeat;  
	background-position: 130px;
}

/* System Menu */
ul.sysmenu {
	padding-left: 20px;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 20px;
}
ul.sysmenu li {
	display: block;
	list-style-type: none;
	float: left;
	margin-right: 20px;
}


/* Services Admin Table */
table.services {
	font-size: 10pt;
	margin-left: 20px;
	margin-right: 20px;
}
table.services tr {
	height:24px;
}
table.services td.icon {
	width: 16px;
	padding-top:2px;
}
table.services td.body {
	padding-left: 2px;
	padding-right: 20px;
}
table.services td.action {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	font-size: 80%;
}

div.inputform {
	margin-right: 20px;
	margin-left: 20px;
}
div.inputform input {
	width:400px;	
}