/*Zero off all the elements*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, iframe {
    margin: 0;
    padding: 0;
    border: 0;
	outline: 0;
}

body {
    background-color: #00254A;
    font-family: "lucida grande",tahoma,helvetica,verdana,arial,sans-serif;
    font-size: 12px;
    color: #00254A;
}
/*=========== Basic Layout =========*/
#container {
    width: 980px;
    margin: 0 auto;
}

#logo {
    float: left;
    width: 237px;
    margin: 15px 0 10px 0;
}

#brainheader {
    margin: 0;
    padding: 0;
    /*height: 87px;*/
}

#footer {
    clear: both;
    font-size: 11px;
    border-top: 3px solid #00A9FF;
    color: #5599BB;
    padding: 15px 0;
}
/*=========== Utility Nav =========*/
#brainheader ul#utilityNav {
    float: right;
    padding: 0;
    margin: 5px 0 0 0;
    list-style: none;
}

#brainheader ul#utilityNav li {
    float: left;
    margin: 0 0 0 3px;
    padding: 0 8px;
    border-left: 1px solid #00A9FF;
    font-size: 11px;
    color: #FFFFFF;
}

#brainheader ul#utilityNav li.first {
    border: none;
}

#brainheader ul#utilityNav li a {
    color: #FFFFFF;
}

#brainheader ul#utilityNav li a:hover {
    color: #00A9FF;
}
/*=========== Brain Nav ========*/
#brainNav {
    float: right;
    margin: 2px 0 0 0;
}
/*=========== Main Nav =========*/
#brainheader #mainNavContainer {
    float: right;
    width: 700px;
}

#brainheader ul#mainNav {
    clear: both;
    float: right;
    margin-top: 50px;
    padding: 0;
    list-style: none;
}


#brainheader #mainNavContainer.notLoggedIn ul#mainNav {
    margin-top: 66px;
}

#brainheader ul#mainNav li {
    float: left;
    position: relative;
    background: url("../images/bg_nav_left_off.gif") no-repeat left top;
    margin: 0 0 0 3px;
    padding: 0 0 0 5px;
    color: #FFFFFF;
    font-size: 11px;
    text-transform: uppercase;
}

#brainheader ul#mainNav li a{
    cursor: pointer !important;
    color: #FFFFFF;
    text-decoration: none;
}
 

#brainheader ul#mainNav li a, #brainheader strong, #brainheader span {
    display: block;
    background: url("/images/bg_nav_right_off.gif") no-repeat right top;
    padding: 5px 10px 5px 6px;
}



#brainheader ul#mainNav .current, #brainheader ul#mainNav li:hover {
    background-image: url("/images/bg_nav_left_on.gif");
}

#brainheader ul#mainNav .current a, #brainheader ul#mainNav li:hover a {
    background-image: url("/images/bg_nav_right_on.gif");
    padding-bottom: 5px;
}

/*#brainheader #mainNavContainer.notLoggedIn ul#mainNav li:hover {
    background-image: url("/images/bg_nav_left_off.gif");
}

#brainheader #mainNavContainer.notLoggedIn ul#mainNav li:hover a{
    background-image: url("/images/bg_nav_right_off.gif");
    padding-bottom: 5px;
}*/

#brainheader span.parent {
	display:block;
    background: url("/images/downtick.gif") no-repeat right center;
    padding: 0 10px 0 0;
}

#brainheader .current span.parent {
	display:block;
    background: url("/images/downtick_on.gif") no-repeat right center;
    padding: 0 10px 0 0;
}
/*===flyouts===*/
/*reset*/
#brainheader ul#mainNav .current ul a, #brainheader ul#mainNav ul a, #brainheader ul#mainNav li:hover ul a {
    background: transparent;
    cursor: pointer;
}

#brainheader ul#mainNav .current ul, #brainheader ul#mainNav ul {
    display: none;
    position: absolute;
    background: #00A9FF !important;
    list-style: none;
    margin: 0;
    padding: 0;
}

#brainheader ul#mainNav li ul li {
    background: transparent;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #FFFFFF;
	text-transform:none;
	font-size:12px;
}

#brainheader ul#mainNav li ul li.last {
    border-bottom: 1px solid #999999;
}

/*flyouts that work only in FF & Safari
#brainheader ul#mainNav li > ul {
    top: auto;
    left: -75px;
	width: 200px;
    border: 1px solid #999999;
    border-width: 0 1px 1px 1px;
    background: transparent;
}*/

/* misaligned flyouts*/
#brainheader ul#mainNav li > ul {
    top: auto;
    left: -10px;
    width: 200px;
    border: 1px solid #999999;
    border-width: 0 1px 1px 1px;
    background: transparent;
	z-index:10;
}


#brainheader ul#mainNav li:hover ul, #brainheader ul#mainNav li.over ul {
    display: block;
}

#brainheader ul#mainNav li ul li:hover, #brainheader ul#mainNav li ul li.over {
    background: #00254A;
}

#brainheader ul#mainNav li ul li a.facebook{
	background:url(/images/16x16_facebook.gif) no-repeat 4px 5px;
	padding-left:25px;
}

#brainheader ul#mainNav li ul li a.myspace{
	background:url(/images/16x16_myspace.gif) no-repeat 4px 5px;
	padding-left:25px;
}

#brainheader ul#mainNav li ul li a.bebo{
	background:url(/images/16x16_bebo.gif) no-repeat 4px 5px;
	padding-left:25px;
}

#brainheader ul#mainNav li ul li a.buddymedia{
	background:url(/images/favicon.ico) no-repeat 4px 5px;
	padding-left:25px;
    font-weight: bold;
}


#brainheader ul#mainNav li ul li a.facebook-connect{
	background:url(/images/16x16_facebook_connect.gif) no-repeat 4px 5px;
	padding-left:25px;
    font-weight: bold;
}

/*=========== Core =========*/
#core {
    clear: both;
    background: #FFFFFF;
    border-top: 3px solid #00A9FF;
}

#primary {
    float: left;
    margin: 10px 0 0 0;
    width: 710px;
	padding-bottom:20px;
}


.wide #primary {
	float:none;
    width: auto;
    padding: 10px 10px 10px 10px;
}

.wide #primary.notLoggedIn {
    margin:0;
	padding:0;
}

#secondary {
    float: left;
    margin: 10px 10px 0 10px;
    width: 220px;
}
/*=========== Home ============*/

#homeContainer h1 {
    float:left;
	font-size:32px;
	line-height:1.3em;
	margin:0;
	width:60%;
}

#homeContainer h2 {
    margin-top: 10px;
}

#homeContainer h2.secondarySection{	
    margin-top: 0;
}

#homeContainer .projectInfo h2 {
    display: inline;
    clear: none;
}

#homeContainer .projectInfo h2 .platform {
    color: #5599BB;
}

.itemListContainer{
	float:left;
	width:475px;
}
.itemList{
	list-style:none;
}

.itemList li {
	clear:both;
	border-top: 1px solid #CCCCCC;
	padding: 10px;
}

.itemList li:first-child {
	border-top:none
}

.itemTitle {
	display:block;
	float:left;
	font-weight:bold;
	width: 315px;
}

.itemImage {
	display:block;
	float:left;
	border:1px solid #CCCCCC;
	width:100px;
	padding:3px;
	text-align:center;
	background:#FFFFFF;
}

.itemImage img {
	max-height:100px;
	max-width:100px;
	text-align:center;
	vertical-align:middle;
}

.itemDetails{
	float:left;
	margin-left:10px;
	width:335px
}

.itemList .actionLinks {
	float:right;
}

.itemList .actionLink {
	display:block;
	float:right;
	width:75px;
}



.itemList .actionLinks .actionLink {
	display:block;
	float:left;
	margin-right:10px;
	width:auto;
	
}

.itemList .itemDetails .actionLinks  {
	clear:both;
	margin-top:10px;
	float:left;
	
}


p.noItems{
	margin:10px;
}


#homeContainer #todaysDate {
    clear: none;
}
#homeContainer #exportTools {
    margin: 10px 15px 0 0; 
}
p.welcome{
	margin-top:10px;
}

#homeMain {
    float: left;
    width: 640px;
    padding: 0 0 20px;	
}

a.facebook{
	background:url(/images/16x16_facebook.gif) no-repeat 4px 3px;
	padding:3px 25px;
}

a.facebook-connect{
	background:url(/images/16x16_facebook_connect.gif) no-repeat 4px 3px;
	padding:3px 25px;
}

a.myspace{
	background:url(/images/16x16_myspace.gif) no-repeat 4px 3px;
	padding:3px 25px;
}

a.bebo{
	background:url(/images/16x16_bebo.gif) no-repeat 4px 3px;
	padding:3px 25px;
}

.project {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #999999;
}

.projectScreen {
    float: left;
    width: 55%;
}

.projectInfo {
    float: left;
    width: 45%;
    padding-bottom: 10px;
	padding-top:10px;
    /*border-bottom: 1px dotted #5599BB;*/
}

.projectInfo .label {
    /*font-size:11px;*/
    display: block;
    float: left;
    width: 110px;
    margin-right: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.projectInfo .value {
	padding-left:12px;
    /*font-size:11px;*/
}

#homeSecondary {
    float: left;
    width: 285px;
	margin:10px 0 0 13px;
	background:#EEEEEE;
	padding-bottom:10px;
   /* padding: 0 10px 20px 10px;*/
}

#homeSecondary .secondaryContent{
	padding:10px;
}

#homeSecondary h3 {
    font-size: 12px;
    margin-top: 20px;
}


#homeSecondary h3.first {
	margin-top:10px;
}

#homeSecondary .source {
    /*font-size:11px;*/
    color: #999999;
}

#homeSecondary .socialWire {
    margin: 20px 10px 10px 10px;
	border-top: 1px dotted #999999;
}

#homeSecondary .event {
    margin-top: 20px;
	padding:0;
}

#homeContainer .first {
    border: 0;
    padding-top: 0;
    margin-top: 0;
}

#homeSecondary .action {
    display: block;
    margin-top: 20px;
}
/*=========== Secondary =========*/
#secondaryNav {
    color: #FFFFFF;
    background: #003767;
    margin-bottom: 10px;
}

#secondaryNav a {
    color: #FFFFFF;
    text-decoration: none;
}

#secondaryNav a:hover {
    text-decoration: underline !important;
}

#secondaryNav #secondaryNavHeader {
    padding: 10px 10px 10px 20px;
    background: #00254A url(/images/bg_leftnav_top.gif) no-repeat center top;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

#secondaryNav #secondaryNavBody {
    background: #003767;
}

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

#secondaryNav ul ul{
    list-style: none;
    margin: 0;
	padding:0 0 10px 0;
}

#secondaryNav li {
    color: #77BB22;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    border: solid #335F85;
    border-width: 1px 0 0 0;
}

#secondaryNav li a {
	display:block;
    color: #77BB22;
}

#secondaryNav li.open {
    background: url(/images/bg_arrow_down.gif) no-repeat scroll 5px 13px;
}

#secondaryNav li.close {
    padding: 0;
    background: url(/images/bg_arrow_right.gif) no-repeat scroll 5px 13px;
}

#secondaryNav span.open {
    padding: 0;
    background: url(/images/bg_arrow_down.gif) no-repeat scroll 20px 2px;
}

#secondaryNav span.close {
    padding: 0;
    background: url(/images/bg_arrow_right.gif) no-repeat scroll 20px 2px;
}


#secondaryNav li .secondaryNavTitle {
    display: block;
    padding: 10px 20px 10px;
}

#secondaryNav li .secondaryNavSubTitle {
    display: block;
    padding: 0 20px 10px 35px !important;
	color:#00A9FF;
	font-size:10px;
	text-transform:uppercase;
}

#secondaryNav .secondaryTitleLinks {
    display: block;
    padding: 0 20px 10px 35px !important;
	color:#00A9FF;
	font-size:10px;
	text-transform:uppercase;
}

#secondaryNav li ul.secondarySubLinks li a{
	padding-left:35px;
}

#secondaryNav li.current {
    background-color: #174D7C;
}

#secondaryNav li li {
    /*margin:10px 0;*/
    margin: 0;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 11px;
    border-width: 0;
}

#secondaryNav li li a {
	padding:5px 20px;
    display: block;
    color: #FFFFFF;
}

#secondaryNav li li.current, #secondaryNav li li:hover {
    color: #00264B;
    background-color: #00A9FF;
}

#secondaryNav #secondaryNavFooter {
    background: #00254A url(/images/bg_leftnav_bottom.gif) no-repeat center bottom;
    height: 10px;
}

/*=========== InfoPopup =============*/
#infoPopup{
	position:absolute;
	top:-1000px;
	left:-3000px;
	margin:0;
	
}

#infoPopup .content{
	margin:0;
	padding:10px;
	width:200px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	color:#003366;
}

#infoPopup .nose{
	position:relative;
	top:-1px;
	left:30px;
	width:18px;
	height:13px;
	background:  url(/images/bg_popup.png) no-repeat 0 0;
}

.popUpText{
	display:none;
}

.popUpTarget{
	cursor:pointer;
	padding-right:15px;
	background:url(/images/icon_info.gif) no-repeat right 1px;
}


/*=========== Project Pier =========*/
#projectPier {
    clear: both;
    width: 700px;
}
#ffxIFrame{
	width:100%;
	height:750px;
	/*position:absolute;*/
	/*top:96px;
	left:0;
	width:100%;
	height:100%;
	margin:0 auto;
	border-top:4px solid #00A9FF;*/
	
}
/*=========== Breadcrumb =========*/
ul.breadcrumb {
    float: left;
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
}

ul.breadcrumb li {
    float: left;
    margin: 0 0 0 3px;
    padding: 0 0 0 2px;
    text-transform: uppercase;
    color: #00254A;
    font-size: 14px;
    font-weight: bold;
}

/*ul.breadcrumb li a {
    text-decoration: none;
    color: #00254A;
}*/

ul.breadcrumb li.first {
    margin: 0;
    padding: 0;
}



/*=========== Login =============*/
.request_demo{
	display:block;
	width:191px;
	height:37px;
    background: url('/images/btn_request_demo.jpg') no-repeat;
	text-indent:-5000px;
}
#loginContainer {
    background: #005598 url('/images/login-bg.jpg') repeat-x bottom;
    padding: 40px 0px 40px 10px;
}

#loginWelcome {
    float: left;
    width: 60%;
}

#brainMap {
    float: left;
    width: 60%;
    text-align: center;
}

#loginContainer h1 {
    color: #FFFFFF;
    margin: 0 15px 10px 15px;
}

#loginContainer h3 {
    color: #FFFFFF;
    margin: 0 15px 10px 15px;
}

#loginContainer p {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
	margin:10px 15px;
	
}

#loginForm {
    float: right;
    background: #34AA3C;
    margin: 0 25px 10px 15px;
    border: 3px solid #011D37;
	width:225px;
}

#loginForm a{
    color:#FFFFFF;
}

#loginForm label {
    display: block;
    width: 190px;
    margin: 8px 12px 0px 14px;
    color: #000000;
    font-size: 13px;
    text-transform: none;
}

#loginForm input {
    display: block;
    width: 190px;
    margin: 4px 12px 8px 14px;
    border: 1px solid #011D37;
    font-size: 14px;
}

#loginForm button {
	float:right;
    margin: 0 13px 0 0;
	display:block;
	width:69px;
	height:20px;
	text-indent:-5000px;
    background: url('/images/btn_login.jpg') no-repeat center center;
    border: 0;
    padding: 8px 13px;
}

#loginForm #rememberMe {
    float: left;
    margin: 0 0 0 2px;
}

#loginForm #rememberMe label {
    float: left;
    width: auto;
    margin: 10px 0 0 4px;
    padding: 0;
    font-size: 10px;
    text-transform: none;
}

#loginForm #rememberMe input {
    float: left;
    width: auto;
    padding: 0;
    border: none;
    margin: 8px 0 0 10px;
}

#loginContainer .errorMessage{
	padding: 5px 5px 5px 27px;
    background: #076409 url(/images/alert_big.gif) no-repeat scroll 5px 5px;
	font-size:12px;
	line-height:14px;
    margin: 10px 15px;
	
}



#loginContainer p.forgot{
	margin:0 15px 10px;
}

#about{
	clear:both;
}
.aboutItem{
	float:left;
	margin:10px 18px;
	width:200px;
}
#loginContainer .aboutItem p{
	margin: 10px 0 0 0;
}

/*=========== Statistics =========*/
.summary table{
	border-collapse:collapse;
}
.summary h3{
	clear:both;
}	
.summary h3{
	display:inline;
	font-size:12px;
	font-weight:bold;
	margin-top:0;
}

.summaryGraph{
	padding-top:10px;
}

#statHeader{
	clear:both;	
}

#statHeader li{
	line-height:12px;	
}

#statHeader li .current{
	color:#BFBFBF;
	
}

#showBy{
	float:right;
}

#showBy ul{
	margin-top:3px;
}

#dateRange{
	float:left;
}

#dateRangeChooser li{
	border:none;
}
#dateRangeChooser{
	width:300px;
	vertical-align:text-bottom;
}

#dateRangeChooser img{
	vertical-align:bottom;
}

#dateRangeChooser .start{
	/*padding:2px 0 0 35px;
	background:url(/images/calendar.gif) no-repeat 8px 2px;*/
	display:block;
	float:left;
}

#dateRangeChooser .end{
	/*padding:2px 0 0 35px;
	background:url(/images/calendar.gif) no-repeat 8px 2px;*/
	display:block;
	float:left;
}

#dateRangeChooser li{
	padding:2px 0 0 4px;
}

#dateRangeChooser input.go{
	/*position:relative;
	top:3px;*/
	background: url(/images/button_go.gif) no-repeat 0 0;
	border: 0;
	height:21px;
	width:21px;
	cursor: pointer;

}
input.intel{
	width: 60px;
	background: #EEEEEE;
	border: 1px solid #D9DADC;
	font-size: 10px;
	padding: 2px;
	color: #012243;
}



#dataExport{
	float:right;
	margin:10px 0 5px 0;
}


#dataExport ul{
	margin-top:3px;
}

#graphHeader{
	border-bottom:1px solid #999999;
	padding-bottom:10px;
}

/*#graphHeader ul {
	margin:10px 0 0 10px;
	padding:0;
	list-style:none;
}

#graphHeader ul li {
	float:left;
	position:relative;
	background:url("/images/bg_graphnav_left_off.gif") no-repeat left top;
	margin:0 0 0 3px;
	padding:0 0 0 5px;
	color:#FFFFFF;
	font-size:11px;
	text-transform:uppercase;
}


#graphHeader ul li a{
	color:#FFFFFF;
	text-decoration:none;
}

#graphHeader ul li a, #graphHeader strong, #graphHeader span {
	display:block;
	background:url("/images/bg_graphnav_right_off.gif")	no-repeat right top;
	padding:5px 10px 5px 6px;
}

#graphHeader ul .current, #graphHeader ul li:hover  {
	color:#5599BB;
	background-image:url("/images/bg_graphnav_left_on.gif");
	position:relative;
	top:1px;
}

#graphHeader ul .current a, #graphHeader ul  li:hover a {
	color:#5599BB;
	background-image:url("/images/bg_graphnav_right_on.gif");
	padding-bottom:5px;
}*/

.timeOnSite{
	background: url(/images/bg_clock.jpg) repeat-x bottom;
	margin-top:0;
	padding:10px;
	border:1px solid #CCCCCC;
}

.timeOnSite .number{
	float:left;
	margin:0 1px;
	padding:16px 10px;
	background: #086B9C url(/images/bg_time.jpg) repeat-x bottom;
	color:#FFFFFF;
	font-size:30px;
	text-align:center;
}

.timeOnSite .separator{
	float:left;
	padding:2px 0;
	font-size:30px;
	text-align:center;
	font-weight:bold;
}

.timeOnSite .description{
	float:left;
	margin:0 0  0 30px;
	text-align:left;
	font-weight:bold;
}

.timeOnSite .description p{
	font-size:10px;
	font-weight:normal;
}


#graphType{
	float:left;
	margin:10px 0 5px 0;
}



.detailGraph{
	padding-top:10px;
	text-align:center;
}

.detailBarGraph{
	text-align:left;
}

.detailLineGraph{
	text-align:left;
}

.detailPieChart{
	text-align:center;
}

.statLinks .label{
	font-weight:bold;
	float:left;
	padding:4px;
}

.statLinks ul{
	float:left;
	list-style:none;
}

.statLinks ul li{
	float:left;
	border-left:1px solid #999999;
	text-transform:uppercase;
	padding:0 5px;
	line-height:12px;
	margin-top:2px;
}

.statLinks ul li.first{
	border-left:none;
}

.statLinks ul li.last{
	padding-right:0;
}

table.detailData{
	border-top:1px dotted #999999;
	width:100%;
	margin-top:20px;
	border-collapse:collapse;
}

table.detailData tr.heading th{
	font-weight:bold;
	border-bottom:1px solid #999999;
	text-align:left;
	padding:10px 0
}

table.detailData tr td{
	border:none;
	border-top:1px dotted #999999;
	padding:5px 0;
}

table.detailData tr.first{
	border:none;
}

table.detailData tr.altRow{
	background-color:#FFFFDD
}

table.detailData tr.total{
	border-top:3px solid #5599BB;
	text-transform:uppercase;
}

table.detailData tr.total td{
	padding:10px 0 0 0;
}

table.detailData tr.total .totalLabel{
	font-weight:bold;
}


.legend div{
	width:10px;
	height:10px;
	margin:5px;
}


/*google charts */

.googleSummaryBar{
	margin-right: 15px;
}

.googleSummaryLine{
	margin-right: 15px;
}

/*======== Blog ==========*/
.blog{
	clear:both;
}

.blog img, .blogContent img{
	float:right;
	clear:right;
	padding: 5px;
	margin: 0 5px 5px 5px;
	border: 1px solid #999999;
}

.blogContent img{
	border: none;
}

.blog p, .blogContent p{	
	clear:none;
	margin:10px 25px 0 0;
}



.blog h3, .blogContent h3{
	clear:both;
}

.blog h4, .blogContent h4{
	clear:both;
}

.blogContent ul{
	margin:10px 10px 10px 20px;

}

.meta{
	color:#5599BB;
}

.entry{
	clear:both;
	border-top:1px dotted #999999;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
}

/*======== Socialwire =========== */

.storyContainer{
	clear:both;
	margin-top:20px;
	padding-top:20px;
	border-top:1px dotted #999999;
}

.storyContainer .date{
	float:left;
	width:70px;
	color:#5599BB;
}

.storyContainer .story{
	float:left;
	width:630px;
}

.storyContainer .story h3{
	margin-top:0;
}

/*.eventContainer{
	clear:both;
	margin-top:20px;
	padding-top:20px;
	border-top:1px dotted #999999;
}

.eventContainer .date{
	float:left;
	width:70px;
	color:#5599BB;
}

.eventContainer .attend{
	float:left;
	width:40px;
}

.eventContainer .story{
	float:left;
	width:630px;
}
*/
/*======= events =======*/
.events{
	float:left;
	font-size:14px;
}

.event{
	clear:both;
	margin:10px 0;
	padding:5px;
}

.bmEvent{
	float:left;
	margin-right:10px;
}

.highlight{
	background-color:#FFFFFF;
	border: 1px solid #C0C4C9;
}

.event h3{
	font-size:14px;
	margin:0;
}

.event p{
	
}


.event ul{
	float:left;
	clear:both;
	padding:0;
	margin:0 0 0 20px;
	list-style-type:disc;
	list-style-position:inside;
}
.event .dateContainer{
	float:left;
	width:125px;
	padding-right:20px;
	text-align:right;
	text-transform:uppercase;
}

.event .date{	
	font-weight:bold;	
}

.addToCal, .add{	
	padding-left:15px;
	background:url(/images/icon_add_to_cal.gif) no-repeat 0 center;
	font-size:11px;
	text-transform:uppercase;
}

.event .eventContent{
	float:left;
	margin-left:45px;
	width: 500px;
}

.event .bmEventContent{
	float:left;
	margin-left:10px;
	width: 500px;
}

.event .location{
	font-weight:bold;
}

.event .category{
	font-weight:bold;
	text-transform:uppercase;
}

.event .topicItem{
	clear:both;
	margin:20px 0 5px;
}

.event .first{
	margin-top:0px;
}

.event .topicItem .topic, .event .topicItem .speaker{
	clear:both;
	margin:5px 0 0 0;
	padding:0;
	line-height:12pt;
}

.event .label{
	float:left;
	width:50px;
	margin-right:10px;
	/*background:#B8C6D1;
	margin-right:2%;*/
}

.event .data{ 
	float:left;
	width:420px;
	/*background:#B8C6D1;
	margin-right:10px;*/
}

.firstNoBorder{
	padding-top:0;
	border-top:none;
}

.first{
	margin-top:0;
	padding-top:0;
	border-top:none;
}
/*======== Fan Page ========*/
.fplayout {
	/* border: 1px solid #000; */
	padding: 4px;
}
.preview_group {
	float:left;
	/* display: inline-table; */
}

.preview_group.numCols_1{
	width:275px;
}


.preview_group.numCols_2{
	width:137px;
}

.preview_group.numCols_3{
	width:91px;
}

.preview_group li {
	list-style: none;
	display:block;
}
.preview_item {
	margin: 10px 0 0 10px;
	padding:0px;
	border: 2px solid #999999;
	background:#FFFFFF;
	font-size: 12px;	
	min-height:30px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.preview_group .itemTitle{
	display:block;
	float:none;
	width:auto;
	padding:5px 10px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:10px;
}

.itemList .itemTitle{
	background:#FFFFFF;
}

.preview_group .itemName{
	text-transform:none;
}
.preview_group .itemTitle a{
	color:#FFFFFF;
}
.preview_group .actionLink{
	display:block;
	clear:both;
	margin:10px;
}

.fp_structure {
	margin: 2px;
	width: 300px;
	float: left;
	border: 1px solid #000;	
	padding: 10px;
}

.fp_components {
	margin: 2px;	
	width: 300px;
	float: left;
	border: 1px solid #000;	
	padding: 10px;
}
h3.fp {
	margin-top: 5px;
}


#log-write {
        color:red;
        font-weight:bold;
}
.dragenter {
    background-color: #00FF00;
 	*z-index: -1;
}

#fp_admin_left {
	padding: 5px;
	width: 150px;
	float: left;
	border: 1px solid #000;	
}
#fp_admin_right {
	width: 525px;
	float: left;
	border: 1px solid #000;
	padding: 5px;
}
#fp_admin_module_types ul {
	list-style: none;
}
#fp_admin_module_types li {
	margin: 2px;
	border: 1px solid #000;
	clear: both;
    width: 90%;
    height: auto;
    padding: 5px;
    border: solid 1px green;
    cursor: move;
    background-color: #EEE;
    position: relative;
    float: left;
    font-size: 12px;	
}

.fp_admin_single {
	border: 1px solid #000;
}

.fp_admin_double {
	border: 1px solid #000;
}


/*======== Forgot Password ========*/
.email{
	width:300px;
}

/*======== Account =========*/
.formContainer{
	float:left;
	width:455px;
	background:#EDEDED;
	margin:10px 10px 20px 0;
	
}
.formContainer.right{
	margin: 10px 0 10px 10px;
}


.formContainer.last{
	margin:10px 0 0 0;
}

h2.formTitle{
	margin:0px;
	padding: 5px 20px;
	background:#00A9FF;
	color:#FFFFFF;
}

.formContainer form{
	padding:0 20px 20px 20px;
}


.formContainer .button{
	margin-top:20px;
}

.formContainer label{
	display:block;
	clear:both;
	margin:15px 0 5px 0;
}


.formContainer input.text{
	width:410px;
}

.formContainer input.date{
	width:80px;
}


.formContainer .textarea{
	width:410px;
	height:200px;
	border:1px solid #CCCCCC;
	padding:3px;
}


.formContainer .inputGroup{
	float:left;
	width:50%;
}

.formContainer .inputGroup ul{
	margin-left:15px;
}


.formContainer .city, .formContainer .state, .formContainer .zip, .formContainer .phone{
	float:left;
	width:200px;
}

.formContainer.trafficDate{
	margin-right:500px;
}


.formContainer.first{
	clear:both;
}

/*======== Admin ========== */

#adminContainer{
	clear:both;
}
#adminContainer #pageHeader h1 {
	/*margin-top:28px;*/
}

#adminContainer h2{
	margin-top:0;
	color: #666666;
}

#adminContainer h2.formTitle{
	margin-top:0;
	color: #FFFFFF;
}


#adminContainer h3{
	margin-top:10px;
	font-size:16px;
}

#adminContainer h3.section{
	margin-top:20px;
	font-size:16px;
}


#adminContainer #pageHeader #todaysDate {
	/*margin-top:28px;*/
}


#adminContainer .pageActions{
	list-style:none;
	float:left;
}


.button{
	margin:0 0 0 5px;
	cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

.button.external{
	background: #F96F00;
	color:#FFFFFF;	
	font-weight:bold;
	padding-left:5px;
}

.button.external:hover{
	background: #EF6B00;
}

.add{	
	padding-left:15px;
	background:url(/images/icon_add_to_cal.gif) no-repeat 0 center;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

.add.button{
	padding-left:15px;
	background: #77BB22 url(/images/add_green.gif) no-repeat 3px 5px;
	color:#FFFFFF;	
}

.add.button:hover{
	background: #6DAF15 url(/images/add_green.gif) no-repeat 3px 5px;	
}

.add.button.external{
	padding-left:15px;
	background: #F96F00 url(/images/add_orange.gif) no-repeat 3px 5px;
	color:#FFFFFF;	
}

.add.button.external:hover{
	padding-left:15px;
	background: #EF6B00 url(/images/add_orange.gif) no-repeat 3px 5px;	
	
}


.edit{	
	/*background:url(/images/edit_orange.gif) no-repeat 0 center;*/
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

.button.edit{
	background: #EF6B00; /*url(/images/edit_orange.gif) no-repeat 3px 5px;*/
	color:#FFFFFF;	

}

.button.edit:hover{
	background: #D96101; /*url(/images/edit_orange.gif) no-repeat 3px 5px;	*/
}

.delete{	
	/*background:url(/images/delete_red.gif) no-repeat 0 center;*/
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

.button.delete{
	/*padding-left:15px;*/
	background: #CC0000; /*url(/images/delete_red.gif) no-repeat 2px 5px  !important;*/
	color:#FFFFFF;	

}


.save{	
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

 

 



#adminContainer .checkboxGroup{
	float:left;
	margin-right:15px;
}

#adminContainer .checkboxGroup label{
	display:inline;
	text-transform:none;
	font-weight:normal;
}




#adminContainer p.pagination{
	clear:none;
	float:right;
	
}


#adminContainer input.text{
	width:auto;
}

#adminContainer #emails{
	width:300px;
	height:100px;
}


#adminContainer #exportTools{
	margin:5px 0;
}

#adminContainer table{ 
	clear:both;
	margin-top:10px;
	text-align:left;
	border-collapse:collapse;
	width:100%;
}

#adminContainer .wideTable{
	width:700px;
	overflow: auto;	
}

#adminContainer .wideTable table{
	width:1200px;
}



#adminContainer tr.heading{
	border-bottom:2px solid #999999;
}

#adminContainer tr.subheading td{
	border-bottom:2px solid #CCCCCC;
	font-weight:bold;
	color:#34516E;
	text-transform:uppercase;
	font-size:10px;
}


#adminContainer tr.subheading td.firstColumn{
	padding-left:20px;
}

#adminContainer tr.heading th{
	padding:5px;
	vertical-align: bottom;
}

#adminContainer tr.total{
	border-top:2px solid #999999;
	font-weight:bold;
}

/*----- Specific column widths ------*/

#adminContainer tr.heading th.client{
	width:50%;
}

#adminContainer tr.heading th.campaign{
	width:30%;
}

#adminContainer tr.heading th.status{
	width:20%;
}

#adminContainer tr.heading th.vendors{
	width:15%;
}

#adminContainer tr.heading th.date{
	width:100px;
}

#adminContainer tr.heading th.group{
	width:75px;
}

#adminContainer tr.heading .bmSpend{
	background:#E7F6FC;
	width:75px;
}
#adminContainer tr.heading .bmGrossProfit{
	background:#E7F6FC;
	width:75px;
}
#adminContainer tr.heading .bmGrossProfitMargin{
	background:#E7F6FC;
	width:100px;
}

 


#adminContainer .high{
	color:#77BB22;
}
#adminContainer .low{
	color:#DF0D0D;
}




#adminContainer tr.first{
	border-width:0;
}

#adminContainer tr.subRow td.firstColumn{
	padding-left:20px;
}


#adminContainer tr.last td{
	padding-bottom:20px;
}

#adminContainer td{
	padding: 5px;
	border-top:1px dotted #CCCCCC;
}


#adminContainer tr.all{
	font-weight:bold;
	background:#FFFFCF;
}
 


#adminContainer tr.evenClient td{
	background-color: #E7F6FC;
	font-weight:bold;
	border-top:1px dotted #CCCCCC;
}

#adminContainer tr.oddClient td{
	background-color: #FEFFBF;
	font-weight:bold;
	border-top:1px dotted #CCCCCC;
}


#adminContainer tr.evenClient.evenCampaign td{
	background-color: #FFFFFF;
	font-weight:normal;
	border-top:1px dotted #CCCCCC;
}

#adminContainer tr.oddClient.oddCampaign td{
	background-color: #FFFFFF;
	font-weight:normal;
	border-top:1px dotted #CCCCCC;
}

#adminContainer tr.evenClient.oddCampaign td{
	background-color: #EFFAFF;
	font-weight:normal;
	border-top:1px dotted #CCCCCC;
}

#adminContainer tr.oddClient.evenCampaign td{
	background-color: #EEFFFF;
	font-weight:normal;
	border-top:1px dotted #CCCCCC;
}


#adminContainer tr.even{
	background-color: #E7F6FC;
	border-top:1px dotted #999999;
}

#adminContainer tr.even-even td{
	background-color: #FFFFFF;
	font-weight:normal;
	border-top:1px dotted #CCCCCC;
}

#adminContainer tr.even-odd td{
	background-color: #EFFAFF;
	font-weight:normal;
	border-top:1px dotted #CCCCCC;
}

#adminContainer tr.odd{
	background-color: #FFFFCF;
	border-top:1px dotted #999999;
}

#adminContainer tr.odd-even td{
	background-color: #FFFFFF;
	font-weight:normal;
	border-top:1px dotted #CCCCCC;
}

#adminContainer tr.odd-odd td{
	background-color: #FFFFDD;
	font-weight:normal;
	border-top:1px dotted #CCCCCC;
}

#adminContainer td.clientName{
	padding-left:10px;
	border-top:1px dotted #CCCCCC;
	cursor:pointer;
	font-weight:bold;
}

#adminContainer td.projectName{
	padding-left:20px;
	border-top:1px dotted #CCCCCC;
}

#adminContainer tr td.open{
	padding-left:13px;
	background-image: url(/images/tick_open.gif);
	background-position:left center;
	background-repeat:no-repeat;
	cursor:pointer;
	text-decoration:underline;
	color:#33AA44;
	 
}

#adminContainer tr td.closed{
	padding-left:13px;
	background-image: url(/images/tick_closed.gif);
	background-position:left center;
	background-repeat:no-repeat;
	cursor:pointer;
	text-decoration:underline;
	color:#33AA44;
}


#adminContainer td.paused{
	font-size:10px;
	color:#DF0D0D;
	text-transform:uppercase;
}

#adminContainer td.live{
	font-size:10px;
	color:#77BB22;
	text-transform:uppercase;
}

#adminContainer th{
	text-transform:uppercase;
	font-weight:bold;
}

#campaignHeader{
	clear:both;
	float:left;
	width:80%;
}

#campaignHeader h3{
	margin-top:3px;
}

.status{
	padding-left:5px;
	margin-left:5px;
	font-weight:bold;
	text-transform:uppercase; 
	font-size:11px;
}
.socialstory_status{
	float: left;
}
.status.paused{
	color:#DF0D0D;
}


.status.live{
	color:#77BB22;
}

#campaignHeader .status{	
	border-left:1px dotted #CCCCCC;
}

.associatedClients{
	clear:both;
}

.associatedClients ul{
	margin-left:20px;
}

.dateRange{

}

.adminTabs li{
	
}

tr.actionRow td{
	padding:10px 0 10px 20px !important;
}


#campaignSummary{
	float:left;
}


#adminContainer .type{
	font-weight:bold;
}

#adminContainer .label{
	font-weight:bold;
}

#adminContainer .goal{
	margin-top:5px;
}

#adminContainer .cost{
}



#campaignNav{
	clear:both;
	font-weight:bold;
	border-bottom:1px solid #5599BB;
}

.groupOptions{
	float:left;
	clear:left;
	width:35%;
	margin-top:20px;
	list-style:none;	
}

.groupOptions li{
}

.campaignActions{
	float:right;
	margin-top:25px;
	list-style:none;
}

.campaignActions li{
	display:inline;	
	border-left:1px dotted #CCCCCC;
	margin-left:5px;
	padding-left:8px;
}
.campaignActions li.first{
	border-left:0;
	margin-left:0;
	padding-left:0;
}




.adminTabs{
}

.adminTabs li {
    float: left;
    position: relative;
	top:1px;
    background: #FFFFFF url("../images/bg_white_nav_left_off.gif") no-repeat left top;
    margin: 0 0 0 3px;
    padding: 0 0 0 5px;
    color: #FFFFFF;
    font-size: 11px;
    text-transform: uppercase;	
}
 
 
.adminTabs li.first {
	margin-left:10px;	
}

.adminTabs li a {
    color: #FFFFFF;
    text-decoration: none;
    cursor: default;
}

.adminTabs li a {
    display: block;
    background: url("/images/bg_white_nav_right_off.gif") no-repeat right top;
    padding: 5px 10px 5px 6px;
}



.adminTabs .current, .adminTabs li:hover {
	color:#00254A;
    background-image: url("/images/bg_tab_left_on.gif");
}

.adminTabs .current a, .adminTabs li:hover a {
	color:#00254A;
    background-image: url("/images/bg_tab_right_on.gif");
    padding-bottom: 5px;
	cursor:pointer;
}

.trafficDate{
	clear:both;
	float:right;
	margin-top:10px;
	font-weight:bold;
	color:#666666;
}

.vendorNav{
	margin-top:20px;
}

.vendorNav ul{
	display:inline;
	list-style:none;
}
.vendorNav li{
	display:inline;
	padding-left:5px;
	margin-left:5px;
	border-left:1px dotted #CCCCCC;
}
.vendorNav li a{
	padding-left: 12px;
    background: url("/images/tick_down.gif") no-repeat left center;
}
.vendorNav li.first{
	border-left:none;
	padding-left:0;
}

.vendor{
	margin-top:20px;
	padding-top:15px;
	border-top:1px dotted #CCCCCC;
}

.vendorHeader{
	
}

#adminContainer .vendorHeader .cost{
	margin-top:10px;
}

.vendor.first{
	border-top:none;
}

#adminContainer #mini-vendor{
	float:right;
	width:300px;
}

#adminContainer .export{
	margin-top:10px;
	float:right;
}
#adminContainer .export .label{
	float:left;
}

#adminContainer .export .campaignActions{
	float:left;
	margin:0;
}
#adminContainer .export .campaignActions li{
	margin-left:3px;
	padding-left:5px;
}

#adminContainer .selectGraph{
	width:auto;
}
#adminContainer .selectGraph form{
	padding:15px 20px;
}
#adminContainer .selectGraph label{
	width:auto;
	clear:none;
	display:inline;
	margin-right:5px;
}

#adminContainer .selectGraph .submit{
	font-size:12px;
	padding:3px;
	margin-left:5px;
}

.addVendorToCampaign{
	clear:both;
	float:left;
	margin:15px 0 20px 0;
}


.unassigned{
	color: #AAAAAA;
}


.added_groups{
	margin:10px 0 0 0;
}


.added_groups.label{
	margin:10px 0 0 0;
	font-weight:bold;
}

.group_title{
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	margin-right:10px;
	padding:4px;
	text-transform:uppercase;
	cursor:pointer;
}

.remove_group{
	background:url('/images/button_delete.gif') no-repeat center center;
	padding:10px 10px 10px 15px;
	cursor: pointer;
}

#campaign_selection{
	float:left;
	width:auto;
	width:35%;
}

#customize_graph{
	clear:right;
	float:right;
	margin-top:20px;
	width:30%;
}

#customize_graph .submit{
	margin-top:10px;
	font-size:12px;
	padding:3px;
}
 
.chart{
	float:left;
	margin-top:10px;
}

#compareContainer{
	float:left;
	width:450px;
	margin-right:0;
	/*min-height:298px;*/
}

#formContainer .submit{
	margin-top:20px;
}

.highlight .group_label,
.group_label{
	padding:3px 27px;
	visibility:hidden;
}

.highlight .A,
.group_A{
        background-color: #66CCCC;
}
.highlight .B,
.group_B{
        background-color: #CCDD33;
}
.highlight .C,
.group_C{
        background-color: #FF9933;
}
.highlight .D,
.group_D{
        background-color: #227777;
}
.highlight .E,
.group_E{
        background-color: #CC2233;
}
.highlight .F,
.group_F{
        background-color: #883388;
}
.highlight .G,
.group_G{
        background-color: #CCCC33;
}
.highlight .H,
.group_H{
        background-color: #99BBDD;
}
.highlight .I,
.group_I{
        background-color: #FFCC66;
}
.highlight .J,
.group_J{
        background-color: #EEEE44;
}

/* glossary */
.glossary_list {
/*    display: inline; */
	clear: both;
	float: left;
	margin: 0px;
	width: 100%;
}
.glossary_list ul {
    list-style: none;
    border-top: 1px dotted #999999; 
/*    display: inline; */
    border-bottom: 1px dotted #999999;
    margin: 0px;
    padding: 5px;
	width: 100%;
}

.glossary_list li, .glossary_list ul {
}
.glossary_list li {
    display: inline;
    border-left: 1px solid #5599BB;
    padding: 0px 5px;
}

.glossary_list li.current_page_item a { color: #00254A; font-weight: bold; }

.glossary_list li.page_first { border-left: 0px}
.glossary_list li.pagenav { }
.glossary_list li.page_item { }
.glossary_list li.current_page_item { }
.glossary_list li.current_page_parent { }

#glossary_bottom.glossary_list {
	/* padding: 15; */
}