body{
	background: transparent url(/custom/img/teams/bg.gif) repeat-x scroll left top !important;
}
img a{
	border:none;
}
#breadcrumbs{
	margin-left: 64px;
	font-family: arial; 
	color: #999;
	font-size:10px;
	/* font-weight: bold; */
	padding: 3px 0;
}

#breadcrumbs .active{
	color:#000;
}
.content{
	background-color:#000;	
}
#content-outer{
	width:100%;
	background-color:#000;
	overflow:hidden;
}
#content-inner{
	width:1089px;
	margin: 0 auto;

}
.content-inner-center{
	/*margin-left:64px;*/
}
#page-title{
	width:993px;
	padding-left:16px;
	margin-left: 53px;
	
}
.constellation-page-title{
	font-size:25px;
	font-weight: lighter;
	color:#fff;
}
#star-message{
	float:right;
	margin-right:20px;
	color:#fff;
	font-size:20px;
	margin-top:-27px;
	height:26px;
}
.notes-button{
	height:28px;
	float:right;
	margin-top:-27px;
	
	font-weight: bold;
	font-size:12px;
	cursor:pointer;
	margin-right: 48px;
	color:#fff;
}
#starfield{
	width:1089px;
	margin-left:-10px;
}

#starfield h1 {
	color:#ffffff;
	font-size:20px;
	font-weight:normal;
	margin:0 0 10px 68px;
}
#profile_starfield{
	width:1089px;
	margin-left:52px;
}

#profile_starfield h1 {
	color:#ffffff;
	font-size:20px;
	font-weight:normal;
	margin:0 0 10px 68px;
}
#slide-panel-bg {
margin-top:-73px;
margin-left:31px;
background-image:url(/custom/img/constellation/star_detail_bg.png);

background-repeat:no-repeat;
width:1014px;
height:1000px;
position:relative;
z-index:0;

}

*html #slide-panel-bg {
	margin-left:58px;
}

#slide-panel{
	/*
	Important! This must not be hidden in CSS
	Must be hidden in jQuery's onload function
	otherwise, photo-scroll will not work.
	*/
	width:1014px;
	margin-left:31px;
background-color:#0c0c15;


position:relative;

	z-index:1;
	padding:17px 0 100px 0;
	position:absolute;
	top:480px;
}
html>body #slide-panel{*margin-left:7px;}
#honor-starfield{
	background: url(/custom/img/constellation/honor-someone-starfield.jpg) no-repeat;
	width:320px;
	height:155px;
	margin-top:50px;
	padding: 50px 0 0 24px;
	color: #fff;
	font-size:13px;
}
#panel-separator{
	height: 4px;
	background-color: #bcbaa3;
	width:992px;
	margin: 0 0 16px 10px;
}
#constellation-panel-left{
	float:left;
	width:652px;
	margin-left:20px;
	height:640px;
	margin-right:10px;
margin-top:-85px;
}
#constellation-panel-right{
	float:left;
	width:320px;
	border-top:1px solid #353851;
	padding-top:10px;
	background-color:#020103; 
margin-top:-95px;
}
#primary-star-subject{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

#primary-star-subject .name{
	
	
}

#primary-star-by-line{
	color:#9bb6db;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;

}	
#primary-star-message{
	margin-top:10px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.read-more{
	color:#999;
	
	font-weight: bold;
}
.more-messages-header{
	border-top:2px solid #595a6c;
border-bottom:2px solid #595a6c;
	padding: 10px 0 10px 10px;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	margin: 35px -10px 0 0;
	position:relative;
	width:640px;
}
.more-messages-header-content{
	width:390px;
}
.more-messages-sort-buttons{
	float:right;
	margin-right:10px;
}
#message-section {
	

}
.message-portrait{
	margin: 19px 24px 0 10px;
	height:77px;
	width:77px;
	float:left;
}
.message-content{
	margin-left:115px;
	padding-top:19px;
	width:510px;
color:#fff;
min-height:77px;
}
.message-content-text{
	
}
.message-content-title{
	color:#fff;
	font-weight:bold;
}
.message-footer{
	border-top: 1px dotted;
	float:right;
	padding:5px 0 5px 0;
	width:510px;
}
.message-footer-long{
	border-top: 1px dotted;
	float:right;
	padding:5px 0 5px 10px;
	width:640px;
}
.message-footer .heavy{
	color:#000;
}
.top-message{
	margin-right:-10px;
	color:#000000;
	background-color:#595A6C;
}

.inspired {
	padding:5px 0 5px 0;
	width:640px;
	color:#9bb6db;
	font-weight:bold;
	width:615px;
}
.inspired a {
	font-weight:normal;
	color:#ff9900;
}
.subsequent-message{
	color:#000;
	margin-right:-10px;
	background-color:transparent;
}
.heavy{
	font-weight: bold;
}
.orange{
	color:#ff8040;;
}
.flag{
	float:right;
	background: url(/custom/img/constellation/flag.gif) no-repeat;
	padding:0 5px 0 12px;
}

.flag a {
	font-size: 10px;
	font-weight:normal;
	color:#333333;
}

.deleteNote{
	float:right;
	padding:0 5px 0 15px;
}

html>body .deleteNote{*margin-top:-12px;}

.deleteNote a {
	font-size: 12px;
	font-weight:bold;
	color:#F69320;
}

.take-action{
	font-size: 16px;
	color: #fff;
}
.action-section{
	
	border-top: 1px solid #353851;
	padding:10px 10px 10px 10px;
	width:300px;
}

.no-border{
	border:none;
}
.action-section .left-module{
	width:90px;
	float:left;
	margin-right:10px;
}
.action-section .right-module{
	width:195px;
	float:left;
}
.action-section .right-module .title{
	font-size:16px;
	font-weight:bold;
	color:#333366;	
}
.action-section .right-module .content{
	font-size:12px;
	color:#fff;
	background-color:transparent;
}
#scroll-buttons{
	margin:-23px 10px 0 418px;
}
#scroll-buttons .previous-btn, 
#scroll-buttons .next-btn{
	cursor:pointer;
}
#scroll-panel{
	background: url(/custom/img/constellation/scroller-bg.gif) repeat-x;
	margin-top:15px;
	height:215px;
	padding:10px 0 0 10px;
}
#footer-dark{
	width:1060px;
	padding-bottom:20px;
	height:150px;
	margin-left:24px;
}
#footer-content{
	width:1024px;
	margin-left:16px;
	position:absolute;
}
#footer-top{
	width:1024px;
	height:30px;
	background: url(/custom/img/constellation/footer-top-border.gif) repeat-x;
}
#footer-legal{
	float:right;
	margin-right:20px;	
}
/*  buttons */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.purple-btn{
background: transparent url(/custom/img/constellation/purple-left-btn.png) no-repeat top left;
display: block;
float: left;
font: normal 13px Arial; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 27px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
}

a:link.purple-btn, a:visited.purple-btn, a:active.purple-btn{
color: #fff; /*button text color*/
}

a.purple-btn>span{
background: transparent url(/custom/img/constellation/purple-right-btn.png) no-repeat top right;
display: block;
font-weight:bold;
padding: 4px 10px 7px 6px; /*Set 11px below to match value of 'padding-left' value above*/
color:#fff;
}

a.purple-btn:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.purple-btn:hover>span{ /* Hover state CSS */
background-position: bottom right;
color:#fff;
}
/* */
a.white-purple-btn{
background: transparent url(/custom/img/constellation/white-purple-left-btn.png) no-repeat top left;
display: block;
float:left;

font: normal 12px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
}

a:link.white-purple-btn, a:visited.white-purple-btn, a:active.white-purple-btn{
color: #4d5068; /*button text color*/
}

a.white-purple-btn span{
background: transparent url(/custom/img/constellation/white-purple-right-btn.png) no-repeat top right;
display: block;
font-weight:bold;
padding: 5px 11px 7px; /*Set 11px below to match value of 'padding-left' value above*/
}

a.white-purple-btn:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.white-purple-btn:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#fff;
}
/* */
a.white-khaki-btn{
background: transparent url(/custom/img/constellation/white-khaki-left-btn.png) no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 25px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
}

a:link.white-khaki-btn, a:visited.white-khaki-btn, a:active.white-khaki-btn{
color: #000; /*button text color*/
}

a.white-khaki-btn span{
background: transparent url(/custom/img/constellation/white-khaki-right-btn.png) no-repeat top right;
display: block;
font-weight:bold;
padding: 4px 11px 5px; /*Set 11px below to match value of 'padding-left' value above*/
}

a.white-khaki-btn:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.white-khaki-btn:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#fff;
}
/* */
a.purple-gray-btn{
background: transparent url('/custom/img/constellation/purple-gray-left-btn.png') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 13px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 27px; /* Height of button background height */
padding-left: 2px; /* Width of left menu image */
text-decoration: none;
}

a:link.purple-gray-btn, a:visited.purple-gray-btn, a:active.purple-gray-btn{
color: #fff; /*button text color*/
}

a.purple-gray-btn span{
background: transparent url('/custom/img/constellation/purple-gray-right-btn.png') no-repeat top right;
display: block;
font-weight:bold;
padding: 4px 12px 5px; /*Set 11px below to match value of 'padding-left' value above*/
}

a.purple-gray-btn:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.purple-gray-btn:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#fff;
}
/* */
.continue-btn{
background: transparent url(/custom/img/constellation/continue_button.png) no-repeat;
text-decoration: none;
display:block;
overflow:hidden;
height:50px;
width:243px;
border:0;
}

.continue-btn:hover{
height:50px;
width:243px;
background-position: 0 -51px;
}

/* */

.previous-btn{
background: transparent url('/custom/img/constellation/previous-btn.png') no-repeat;
text-decoration: none;
display:block;
overflow:hidden;
height:25px;
width:87px;
float:left;
margin-right:5px;
}

.previous-btn:hover{
height:25px;
width:87px;
background-position: 0 -25px;
}

/* */

.next-btn{
background: transparent url('/custom/img/constellation/next-btn.png') no-repeat;
text-decoration: none;
display:block;
overflow:hidden;
height:25px;
width:87px;
float:left;
}

.next-btn:hover{
height:25px;
width:87px;
background-position: 0 -25px;
}


.clear{
	clear: both;
}

/* Photo Scroll */
#carousel_container {

	height:155px;
	padding-top:30px;
	padding-left:30px;
	padding-right:25px;
	position: absolute;


}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0;
	padding-right: 10px;
	width: 545px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 125px;
	height: 125px;
}
ul.thumb li img {
	width: 125px;
	height: 125px;
	position: absolute;
	left: 0;
	top: 0;
	-ms-interpolation-mode: bicubic;
	opacity: .4;
	filter: alpha(opacity = 40);
}
ul.thumb li img.hover {
	opacity: 1;
	filter: alpha(opacity = 100);
}

.caption{
	width:150px;
	background: #5d5e71;
	opacity: 1;
	display:none;
	color: #fff;
	margin-top:120px;
	margin-left:-17px;
	font-family: arial, Arial, Helvetica, sans-serif;
	padding:3px 0 3px 5px;
	font-size:12px;
	font-weight:bold;
	height:auto;
	position: absolute;
}

/* added by chrissy */
#flashContent {
	
}

.collapse {
	color:#ffffff;
	font-size:26px;
	margin:-10px 0 5px 68px;
}

.launch_cta {
	margin:-224px 0 100px -8px;
	height:350px;
	width:950px;
	background-image:url('/custom/img/constellation/launch_cta.png');
	background-repeat:no-repeat;
	position:relative;

}

.launch_cta h1 {
margin:0;
padding:35px 0 0 120px;
float:left;
}

.launch_cta .video {
	background-image:url('/custom/img/constellation/video_bg.png');
	background-repeat:repeat-x;
	width:316px;
	height:258px;
	float:right;
	margin:22px -38px 0 0;
	color:#ffffff;
	
}

.launch_cta .video p {
	font-size:15px;
	padding:10px 10px 10px 10px;
}

.launch_cta .video p .name {
	text-transform:uppercase;
	font-weight:bold;
}

.launch_cta .video #launch_video {
	margin-left:8px;
}
body.constellation #breadcrumbBlock {
	/*position: absolute;
	top: 132px;*/
	display: block;
	height: 20px;
	line-height: 20px;
	padding-left: 16px;
	margin:0 auto;
	width:995px;
}
body.constellation #breadcrumbBlock ul,
body.constellation div#teamManagementBar ul,
ul.modalTabs,
ul.Tabs {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	width: auto;
	list-style-position: outside;
	list-style-type: none;
}
body.constellation #breadcrumbBlock ul li {
	float: left;
	display: inline;
	padding-right: 15px;
	margin-right: 4px;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: url(/custom/img/teams/breadcrumb_arrow.png) no-repeat top right;
}
body.constellation #breadcrumbBlock ul li.current {
	background: none;
	font-weight: bold;
	color: #333;
}
body.constellation #breadcrumbBlock ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
body.constellation #breadcrumbBlock ul li a:hover {
	text-decoration: underline;
}

#donateTextErrorMsg {
	color:#ff0000;
	font-weight:bold;
}

#statusStatements {
	background-color:#FEE47E;
	height:68px;
	margin:0 auto;
	display:none;
	
}

#textUpdate {
	color:#FF3300;
	float:left;
	font-size:15px;
	font-weight:bold;
	padding:25px 10px 0;
}

.closeConfirmBox {
	color:#FF3300;
	cursor:pointer;
	float:right;
	font-weight:bold;
	margin:10px 10px 0 0;
}


/* donate code info lightbox */

.statusBox{
	height:68px;background-color:#fee47e;width:990px;margin:0 auto;
}
.textUpdate{
	float:left;font-size:15px; color:#ff3300;font-weight:bold;padding:25px 10px 0 10px;
}
.closeConfirmBox{
	float:right;margin:10px 10px 0 0;font-weight:bold;cursor:pointer;#ff3300;
}

/* define textarea dimensions (safari mucks this with rows/cols */
#honorText{
	width:477px;
	height:225px;
	resize:none;
margin-bottom:8px;
background-color:#ffffff;
}
.honorTextLaunch{
	width:509px !important;
	height:95px !important;
	resize:none;
margin-bottom:8px;
background-color:#ffffff;
}
.optional{
	color:#707181;
	font-size:12px;
	font-style:italic;
	font-weight:normal;
}

/* additional styles for add message form page - some new; some moved from html template file that were declared as classes or defined inline */
/* existing */
.footer-copyright {
color:#cccccc !important;
}

.footer-links a:link {
color:#cccccc !important;
}

.footer-links a:visited {
color:#cccccc !important;
}


/* For Forms */

#add-message-left{
	width:542px;
	margin:15px 15px 0 0;
	position:relative;
}
#add-message-sidebar{
	width:218px;
	position:absolute;
	margin-left:553px;
	margin-top:15px;
}
.formError{
	background-color:#ffe57f;
	margin-top:10px;
	padding:10px;
}
.errorMsg{
	color:red;font-weight:bold;
}
.formSection{
	background: transparent url(/custom/img/constellation/add_message_form_bg.png) repeat-x;
}

.formSection2 {
	height:55px;
padding:10px 0 0 0;
background: transparent url(/custom/img/constellation/add_message_form_bgblue.png) repeat-x;
}

.formSection3 {
	height:105px;
padding:10px 0 0 0;
background: transparent url(/custom/img/constellation/add_message_form_bgbluetall.png) repeat-x;
}

span.ui {
	display:block;
	float:left;
	line-height:20px;
	width:240px;
}
.message_container label {
	color:#ffffff;
	display:block;
	margin-bottom:8px;
}

.annotation {
font-style:italic;
padding-left:5px;
}
.left {
width:270px;

}

.right {
width:270px;
margin:0 0 5px 0;

}
.field {
	margin-bottom:5px;
	padding:5px 10px;
color:#fff;
}

input.checkbox, input.radio{
	margin:0 10px 0 0;
}
.x-large{
	font-size:16px;
	color:#fff;
	font-weight:bold;
	padding-bottom:10px;
}
.large{
	font-size:15px;
	color:#fff;
	font-weight:bold;
	padding-bottom:5px;
}
.sub{
	font-style:italic;
	color:#ff6600;
	font-size: 10px;
font-weight:normal;
}
#footer{
	padding-left:24px;
}

/* new styles added 06.14.10 by cbishop (includes converting inline styles to classes)*/
.message_container_background {
	background-color:#17182a;
	border:1px solid #362f49;
	opacity: .3;
	filter: alpha(opacity=30); /* ie 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* ie 8 */
	height:750px;
margin:-499px 0 150px 125px;
width:825px;
	
	
}
.message_container {
	margin-top:-870px;
	margin-left:125px;
	width:785px; 
	padding:0 17px 40px 17px;
position:relative;
z-index:1;
margin-bottom:100px;
}

.message_container .message_header {
	font-size:14px;
color:#9bb6db;
	font-style:italic; 
	height:24px;
	padding: 5px 10px 0 0;
	
	width:785px;
	
}

.message_container .message_header img {

}

.message_container .message_header .divider {
	position:relative;
	width:785px; 
	background-color:#3d3e52;
	height: 4px;
}

.message_container .donation_copy {
color:#fff;
padding-bottom:5px;
}

#characterCounter {
font-size:10px;
color:#fff;
font-style:italic;
}

/* end of styles specific to add message form page */

/* pagination styles for notes on star detail page */

.paginator {
margin:15px 0 0 118px;
}



.paginator a{
    color: #ff9900;
font-weight:normal;

    text-decoration: none;
}

li.currentPage {
		
}

.paginator a.inactive {
	color: #3d3e52;	
}

/* styles related to coverflow on star detail page */
.coverflow_title {
	border-top:1px solid #353851;
padding:4px 0 4px 0;
}

.coverflow_title img{
	margin-left:24px;
}

#imageData {
color:#ffffff;
padding:0 0 20px 70px;

font-weight:bold;
border-bottom:1px solid #353851;
}

#imageData .city {
	color:#cccccc;
	font-size:12px !important;

}

#imageData a {
color:#ffffff;
font-size:14px !important;
}

.instructions {
margin:8px 0 0 30px;
}

.error {
color:#ff0000 !important;
font-weight:bold;
}

#uploadImage {
  color:#000000 !important;
}

#changePhoto .formSection {
  background: none;
}

#gigyaWidget {
        position:relative;
        top:30px;
        right:1px;
        z-index:9;
        display:none;
}
#widget_close {
        color:#ffffff;
        position:relative;
        z-index:10;
        top:-145px;
        left:300px;
        display:none;
}