html {
	background-color: #b8c1c9;
}

body {	
	margin: 0;
	padding: 10px;
}

img {
	border: 0;
}

#page_content {	
	padding: 10px 30px 10px 30px;
}

#page_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #313b44;
}

.inlineMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #31393f;
}

.narrowContent {
	width: 300px;
	margin: auto;
	margin: 0px auto;	
}

.fontNormal {
	font-size: 17px !important;
}
.fontSmall {
	font-size: 13px !important;
}
.fontExtraSmall, .fontExtraSmall * {
	font-size: 10px !important;
}
.fontSans {
	font-family: Arial, Helvetica, sans-serif !important;
}

a {
	color: white;
	background: none;
}
a:focus, a:active {
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	display: inline;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #154978;
}

h5, h6 {
	display: block !important;
	padding-bottom: 10px !important;
	font-size: 28px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	
	color: #003688;	
}

/*h6 is specific for list item headers*/
h6 {
	font-size: 25px !important;
	line-height: 25px;
	padding: 0 0 5px 0 !important;
}
.colorDarkBlue {
	color: #003688 !important;	
}

h7 {
	font-weight: bold;
}

.floatLeft {
	float: left !important;
}
.floatRight {
	float: right !important;
}
.floatNone {
	float: none !important;
}
.clearLeft {
	clear: left !important;
}
.clearRight {
	clear: right !important;
}
.clearBoth {
	clear: both !important;
}

.clearFloat {
	clear: both !important;
	float: none !important;
}
.textAlignCenter {
	text-align: center;
}
.colorWhite {
	color: white !important;
}
.colorLightBlue {
	color: #92acc0 !important;
}
.colorDarkBlue {
	color: #2c6aa4 !important;
}


.displayInline {
	display: inline !important;
}
.displayNone {
	display: none !important;
}
.displayBlock {
	display: block !important;
}
.visibilityHidden {
	visibility: hidden !important;
}
.visibilityVisible {
	visibility: visible!important;
}
.textAlignRight {
	text-align: right;
}
.textAlignLeft {
	text-align: left;
}
.textAlignCenter {
	text-align: center;
}
.gutterRight {
	margin-right: 10px !important;
}

.pageWidth {
	width: 975px;
	min-width: 975px; 
}

#page {	

	margin: auto;
	
	background-color: #aec5d9;
	
	border: 3px solid #dfe9f2;
	
}

#header {
	width: 100%;
	background-image: url(../images/page/header_background.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#header_cornerLeft {
	position: relative;
	float: left;
	
	left: -3px;
	top: -3px;
	
	width: 20px;
	height: 20px;
	
	background-image: url(../images/page/header_cornerLeft.png);
	background-repeat: no-repeat;
	background-position: left top;

	

}

#header_cornerRight {
	position: relative;
	float: right;
		
	right: -3px;
	top: -3px;
	
	width: 20px;
	height: 20px;
	
	background-image: url(../images/page/header_cornerRight.png);
	background-repeat: no-repeat;
	background-position: right top;

}

#header_content {
	position: relative;
	margin: 0 20px 0 20px;

	float: none;
		
	height: 100%;

}


#header_navigation {
	overflow: hidden;
}

#header_content h1 a, #footer_view2gether h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 200%;
	overflow: hidden;
}

#header_content h1, #footer_view2gether h1 {

	display: block;
	width: 237px;
	height: 47px;
			
	/*right-margin correlates with #header_content left padding for correct centering*/
	/*margin: 7px 20px 0 0;*/
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 38px;
	/*text-indent: -100%;*/
	
	color: white;
		
	background-image: url(../images/page/header_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#header_content h1 {
	float: left;
	margin: 26px 20px 0 0;
}
#footer_view2gether h1 {
	margin: auto;
}

#footer_view2gether {
	width: 967px;
	margin: 0px auto;
	padding: 10px;
	text-align: center;
}
#footer_view2gether span {
	color: white;
}

#top_menu {
	display: block;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	text-align: right;
	list-style-type: none;
	
	height: 18px;	
	line-height: 18px;
	margin-top: 10px;
}
#top_menu li {
	display: inline;
	margin: 0 1px 0 4px;
	padding: 1px 0 1px 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #313b44;

	background-image: url(../images/page/top_menu_itemBackground.gif);
	background-repeat: no-repeat;
	background-position: right top;
		
	line-height: 18px;
}
#top_menu .welcome {
	background: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #bdc9d4;		
}
#top_menu li a {
	color: #accdec;
	
	text-decoration: none;
	
	background-image: url(../images/page/top_menu_itemLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;

	padding: 1px 5px 1px 5px;	
}

#top_menu li a:hover {
	text-decoration: underline;
	color: white;
}
.newMail {
	background-image: url(../images/page/top_menu_itemBackground_highlight.gif) !important;
}
.newMail a {
	color: white !important;
	font-weight: bold !important;
	background-image: url(../images/page/top_menu_itemLeft_highlight.gif) !important;
}
.newMail #inboxCount {
	display: inline;
}

#inboxCount {
	display: none;
	font-size: 11px;
	vertical-align: middle;
	text-decoration: none;
}

#feature_menu {

	margin: 0;
	padding: 0;	
	
	height: 100%;

	line-height: 54px;
	height: 54px;
	text-align: right;

	list-style-type: none;
	
	white-space: nowrap;
	
}

#feature_menu li {

	/*visually align the text to the logo*/
	/*position: relative;
	top: 4px;*/

	display: inline;
	
	margin: 0 0 0 10px;
	padding: 0;
		
}

#feature_menu > li:first-child {

	margin-left: 0 !important;
	
}

#feature_menu li a {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: -1px;

	color: white;

	text-decoration: none;
	border-bottom: 1px dotted white;
	
	padding: 1px;
	
}


#feature_menu li .selected, #feature_menu li .selected:hover  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 22px;
	color: white;

	background-color: #1d4967;
	border: 1px dotted #9fadb7 !important;
	
	cursor:pointer;
}

#searchMenu {
	border-left: 2px solid #445d70;
	padding-left: 10px !important;
}
#searchMenu a {
	border: none !important;
	background-image: none !important;	
}
#searchMenu a:hover {
	background-color: #183f5c;
	padding: 1px !important;
	background: none !important;
	border: none !important;
	text-decoration: underline;
}

.searchQuery {
	font-size: 17px;
	vertical-align: text-bottom;
	color: #154978;
	width: 95px;

	background-image: url(../images/page/searchQuery_background.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	border: none;
	
	padding-left: 25px;
}

#feature_menu li a:hover {
	background-color: #183f5c;
	border: 1px dotted #64727c;
	padding: 0;
}

#header_breadcrumb {

	position: relative;	

	margin: 0 -20px 0 -20px;
	padding: 0 20px 0 20px;	
	
	height: 28px;

	text-align: right;

	list-style-type: none;	

	white-space: nowrap;
	
	background-color: #bfcfde;
	
	border-bottom: 1px solid #728ba1;	
	
}

#header_breadcrumb li {

	/*vertical center*/
	position: relative;
	top: 5px;
	display: inline;
	margin: 0 0 0 7px;
	padding: 0 0 0 14px;
	
	background-image: url(../images/page/breadcrumb_bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
		
}

#header_breadcrumb .first, #header_breadcrumb .special {

	margin-left: 0 !important;
	background-image: none !important;
	padding-left: 0px !important;
	 
}

#header_breadcrumb .special {
	font-size: 18px;
	color: #2d3f4f !important;
	float: left;
}

#header_breadcrumb li * {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;

	color: #31393f;
	
	padding: 1px;
	margin: 1px;
	
}

#header_breadcrumb li a:hover {

	background-color: #9fb9cf;
	border: 1px dotted #5d768c;
	
	margin: 0;
	
}

#header_breadcrumb li .selected {

	color: white;
	
}

	#feature_submenu {
	
		display: none;
	
		position: relative;	
		
		margin: 0 -20px 0 -20px;
		padding: 0 20px 0 20px;	
		
		height: 30px;
	
		text-align: left;
	
		list-style-type: none;	
	
		white-space: nowrap;
		
		background-color:#1d4967;
		
		border-bottom: 1px solid #728ba1;	
				
	}
	
	#feature_submenu li ul {
	
		padding: 0;
		list-style-type: none;	
		height: 30px;
		/*text-align: center;*/
		
	}
	
	
	#feature_submenu li ul li {
	
		/*vertical center*/
		position: relative;
		top: 5px;
		display: inline;
		margin: 0 0 0 16px;
					
	}
	
	#feature_submenu > li ul li:first-child {
	
		margin-left: 0 !important;
		background-image: none !important;
		 
	}
	
	#feature_submenu li ul li *, #feature_submenu li ul li {
	
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
	
		color: white;
		
		padding: 1px;
		margin: 1px;
		
	}
	
	#feature_submenu li ul li a:hover {
	
		background-color: #1d4967;
		border: 1px dotted #72828d !important;
		
		margin: 0;
		
	}
	
	#feature_submenu li ul li .selected {
	
		background-color: #34607e;
		border: 1px dotted #8896a0 !important;
		
		margin: 0;
		
		cursor: pointer;
		
	}
	
	.submenu_items {
		display: none;
	}
	.debugOff {
		display: none !important;
	}
	.debugOn {
		display: inline !important;
		background-image: url(../images/page/top_menu_itemBackground_highlight.gif) !important;
	}
	.debugOn a {
		color: white !important;
		font-weight: bold !important;
		background-image: url(../images/page/top_menu_itemLeft_highlight.gif) !important;
	}


/*fix collapsing margins*/
#page_content > *:first-child {
	margin-top: 0;
}
#page_content > *:last-child {
	margin-bottom: 0;
}

#page_bottom {
	height: 5px;
}

#pageBottom_cornerLeft {
	position: relative;
	float: left;
	
	left: -3px;
	bottom: -3px;
	
	width: 5px;
	height: 5px;
	
	background-image: url(../images/page/pageBottom_cornerLeft.png);
	background-repeat: no-repeat;
	background-position: left bottom;

}

#pageBottom_cornerRight {
	position: relative;
	float: right;
		
	right: -3px;
	bottom: -3px;
	
	width: 5px;
	height: 5px;
	
	background-image: url(../images/page/pageBottom_cornerRight.png);
	background-repeat: no-repeat;
	background-position: right bottom;

}

#footer {

	margin: auto;
	
}

#footer ul {

	position: relative;	

	margin: 0;
	height: 30px;
	padding: 0 10px 0 10px;	
	

	text-align: left;

	list-style-type: none;	

	white-space: nowrap;
	
}

#footer ul li {

	display: inline;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	
	border-left: 1px solid #4d5964;
	
	line-height: 30px;
	
}

#footer ul > li:first-child {

	margin-left: 0 !important;
	padding-left: 0px !important;
	border-left: none !important;
	 
}

#footer ul li * {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	color: #4d5964;
	
}

#footer ul li a:hover {

	color: white;

}
	

#preview {

	display: none;
	
	position: fixed;
	z-index: 2;		
	width: 448px;
	height: 440px;

	cursor: pointer;
	
	text-align: center;
		
	background-image: url(../images/page/preview_bakground.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#previewTitle {

	/*place some of these attributes into an Hx style and inherit here*/

	color: #D8E4EF;

	margin: 0;
	
	height: 50px;
		
	display: block;
	font-family: Georgia;

	line-height: 50px;
	
	font-weight: normal;
	font-size: 17px;

}

#preview a {
	color: #D8E4EF;
}

#videoContainer {

	border: 1px solid #000B1A;
	width: 424px;
	height: 318px;
	
	margin: 21px auto auto auto ;
}
#shade {
	position: fixed;
	z-index: 1;
	
	left: 0px;
	top: 0px;

	width: 100%;
	height: 100%;
	
	text-align: center;
	
	background-color: #000000;
}

/*temporary*/
#application {
	height: 1000px;
}

#outputWindow {
	display: none;
}

.hideFlash {
	float: left;
	clear: both;
	height: 1px;
	width: 1px;
}

#announcement {
	position: relative;	
	height: 30px;

	margin: 0 -20px 0 -20px;
	padding: 0 20px 0 20px;

	background-color: #fffec9;
}

#announcement p {
	margin: 0;
	padding: 10px 0;

	color: #4d5964;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
	text-align: center;
}

#announcement p a {
	color: #060dc5;
	padding: 3px;
	background-color: #fffedd;
	border: 1px dotted #b6b57b; 
}

.flushLeft {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.flushRight {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

.flushTop {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.flushBottom {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.landing {
	/*margin: 20px auto;*/
}

.landing .upperBlock {
	width: 538px;
	background-color:#e2eef3;
	margin: auto auto 20px auto;
	/*530*/
	padding: 5px 85px;
	border: 2px solid #ecf6fb;
}

.landing input {
	width: 390px !important;
	color:#a5b7c7 !important;
}

.listContainer {
	display: block;
	padding: 5px;
	
	width: 335px;
	
	border: 1px dotted white;
	background-color: #dee8f1;
	
	margin: 0 auto 20px auto;
}

.listColumn2 {
	margin: 0 auto;
	width: 712px;
}

.listContainer h6, .listContainer .listMenuLabel {
	margin-left: 5px;
}

.listMenuLabel {
	color: #235d9d;
}

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

.listMenu {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.listMenu li, .listMenuLabel {
	display: inline;
	font-size: 12px;
	line-height: 26px;
	
}

.listMenu li a {
	color: #255a87;
	padding: 2px;
	border: 1px dotted #88a2b8;
	text-decoration: none;
}

.listMenu li .highlight {
	background-color: #f3f6f9 !important;
	font-weight: normal;
}

.listMenu li .selected {
	color: white;
	background-color: #acc6df;
	font-weight: bold;
	text-decoration: underline;
}

.listMenu li a:hover, .noDecoration:hover {
	text-decoration: underline !important;
}

.listMenuPageing li a {
	padding: 2px 6px;
	text-decoration: underline;
}

.listLounge {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.listLounge li {
	margin-bottom: 10px;
	font-size: 14px;
	background-color: #edf3f8;
	height: 49px;
	
	border: 2px solid #cddae5;

	margin: 2px;
	padding: 3px;	
}


.listLounge li:hover {
	background-color: #c1d5e8;
	border: 2px solid #a2bed8;
}

.listLounge img {
	vertical-align: middle;
	margin-right: 5px;
	border: 1px solid white;
	width: 47px;
	height: 47px;
	float: left;
}

.listLounge .info {
	font-size: 12px;
	display: block;
	color: #666666;
	padding: 3px;
	float: left;
}

.listLounge .title {
	color: #2c6aa4 !important;
}

.tooltip {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.listLounge .info a {
	color: #666666;
}

.noDecoration {
	text-decoration: none !important;
}

.highlight {
	background-color: #b8e0ff !important;
	padding: 0 3px;
	font-weight: bold;
}
.listLounge .description {
	display: none;
	font-size: 12px;
}
.listLounge .summary {
	float: left;
	padding-bottom: 1px;
}
.listLounge .details {
	display: none;
}

.listLounge strong {
	color: #2c6aa4;
}

.listContainer .listMenuSort {
	clear: both;
	display: block;
}

/* start of listContainerWide */
/* these classes inherit listContainer class attributes and must be placed below listContainer within CSS */
.listContainerWide {
	width: 700px;
}

.listContainerWide img {
	vertical-align: middle;
	margin-right: 5px;
	border: 2px solid white;
	width: 93px;
	height: 70px;
	float: left;
}

.listContainerWide .details {
	/*display: block;*/
	margin-top: 10px;
}

.listContainerWide .info {
	font-size: 16px;
}

.listContainerWide .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 22px;
}

.listContainerWide .description {
	display: block;
	margin: 0;
	padding: 5px 0;
	font-size: 16px;
}
.listContainerWide .listLounge li {
	height: auto;
	padding: 10px;
	margin-bottom: 7px;
	float: none;
}

.listContainerWide .listMenu a, .listContainerWide .listMenuLabel, .listContainerDeck .listMenu a, .listContainerDeck .listMenuLabel {
	font-size: 16px;
}

/* end of listContainerWide */

/* start of listContainerDeck */
/* these classes inherit listContainer class attributes and must be placed below listContainer within CSS */
.listContainerDeck {
	width: 660px;
}

.listContainerDeck .listLounge li {
	float: left;
	height: 150px; /*auto;*/
	width: 315px;
}
.listContainerDeck img {
	vertical-align: middle;
	margin-right: 5px;
	border: 2px solid white;
	width: 93px;
	height: 70px;
	float: left;
}
.listContainerDeck .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 16px;

	display: block;
	overflow: hidden;
	white-space: nowrap;
}
.listContainerDeck .details {
	/*display: block;*/
	margin-top: 10px;
}
.listContainerDeck .description {
	display: block;
	margin: 0;
	padding: 5px 0;
	height: 75px;
	overflow: hidden;
}
/* end of listContainerDeck */

/* start of listContainerStrip */
/* these classes inherit listContainer class attributes and must be placed below listContainer within CSS */
.listContainerStrip {
	width: 215px;
}
.listContainerStrip .listLounge li {
	float: left;
	height: auto;
	width: 200px;
}

.listContainerStrip .listMenuContainer {
	display: none;
}

.listContainerStrip img {
	vertical-align: middle;
	margin-right: 5px;
	border: 2px solid white;
	width: 93px;
	height: 70px;
	float: none;
	clear: both;
}
.listContainerStrip .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 16px;
}
.listContainerStrip .details {
	display: none;
}
.listContainerStrip .description {
	display: none;
}

/* end of listContainerStrip */

/* start of listAlbums */
.listAlbums img {
	vertical-align: middle;
	margin-right: 5px;
	border: none;
	width: 59px;
	height: 61px;
	float: left;
	padding: 16px 27px 27px 22px;
	background-image: url(../images/photos/thumbnail_photoAlbum.png);	
}

.listAlbums .listLounge li {
	float: left;
	height: auto;
	width: 315px;
}

.listAlbums .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 16px;
}
.listAlbums .description {
	display: block;
	margin: 5px 0 0 0;
	padding: 5px 0;
}
/* end of listAlbums */

/* start of listPhotos */
.listPhotos img {
	vertical-align: middle;
	margin: 0 6px 0 6px !important;
	border: none;
	width: 59px;
	height: 61px;
	padding: 6px 8px 20px 6px;
	background-image: url(../images/photos/thumbnail_photoSingle.png);
	float: none !important;
}

.listPhotos .actions {
	display: block;
	text-align: center;
}
.listPhotos .actions a {
	color: #2c6aa4 !important;
}

.listPhotos .listLounge li {
	float: left;
	height: auto;
	width: 85px;
	background: none;
	border: none;
	margin: 0;
}

.listPhotos .listLounge {
	background-color: #edf3f8;
	
	border: 2px solid #cddae5;

	margin: 2px;
	padding: 3px;	
}

/* end of listPhotos */

/* start of photoPreview */
.photoPreview {
	text-align: center;
}
.photoPreview img {
	border: 10px solid #edf3f8;
}
/* end of photoPreview */


/* start of list themes */

.listColorGreen {
	background-color: #e1f4e4;
}
.listColorGreen .listLounge li {
	background-color: #eff9f1;
	border: 2px solid #cfedd4;
}
.listColorGreen li:hover {
	background-color: #d6f0ce;
	border: 2px solid #c6e7cc;
}

.listColorPink {
	background-color: #f4daea;
}
.listColorPink .listLounge li {
	background-color: #faebf5;
	border: 2px solid #e9c8dd;
}
.listColorPink li:hover {
	background-color: #fae6f3;
	border: 2px solid #ce94b8;
}

/* end of list themes */

/* start of profile */

.profile .avatar {
	border: 2px solid #cddae5;
	display: block;
	margin-left: 5px;
	margin-right: 5px;
	height: 70px;
	width: 70px;
}

.box {
	display: block;
	padding: 5px;
		
	border: 1px dotted white;
	background-color: #dee8f1;
	
	margin: 0 auto 20px auto;

}

.box .content {
	font-size: 14px;
	background-color: #edf3f8;
	
	border: 2px solid #cddae5;

	margin: 2px;
	padding: 10px;
}

.box a {
	font-size: 14px;
	color: #313b44;
}

.box .content p {
	display: block;
}

.smallButton {
	background:#F5F5F5 none repeat scroll 0%;
	border-color:#DDDDDD rgb(170, 170, 170) rgb(170, 170, 170) rgb(221, 221, 221);
	border-style:solid;
	border-width:1px;
	padding:2px;
}

.avatarList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.avatarList li {
	float: left;
	text-align: center;
	margin-bottom: 20px;
}
.marginBottomSmall {
	margin-bottom: 10px;
}
.marginTopSmall {
	margin-top: 10px;
}

/* end of profile */

.commentOut {
	display: none;
}

#linkButton {
	float: left;
	display: block;
	height: 19px;
	margin: 0 !important;
	padding: 0 0 0 42px !important;
	
	border: none !important;
	background-color: transparent !important;

	background-image: url(../images/page/button_link.gif);
	background-position: left top;
	background-repeat: no-repeat;
	
	
}
.linkButton_isDown {
	background-position: 0px -19px !important;
}

#inviteButton {
	float: left;
	display: block;
	height: 19px;
	margin: 0 !important;
	padding: 0 0 0 42px !important;
	
	border: none !important;
	background-color: transparent !important;

	background-image: url(../images/page/button_invite.gif);
	background-position: left top;
	background-repeat: no-repeat;
	
	
}
.inviteButton_isDown {
	background-position: 0px -19px !important;
}

#codeBox {
	position: relative;
	height: 170px;

	margin: 0 -20px 0 -20px;
	padding: 0 20px 0 20px;

	background-color: #8cadc5;
	
	border-bottom: 1px dotted #d1e0eb;
}

#inviteBox {
	position: relative;
	height: 140px;

	margin: 0 -20px 0 -20px;
	padding: 10px 20px 0 20px;

	background-color: #8cadc5;
	
	border-bottom: 1px dotted #d1e0eb;
}

#codeBox label {
	margin: 0;
	padding: 10px 0;
	color: #4d5964;
}
#inviteBox label {
	margin: 0 5px 0 0;
	padding: 10px 0;
	color: #4d5964;
	display: block;
	float: left;
	width: 120px;
}

#codeBox a, #codeBox label, #inviteBox a, #inviteBox label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.codeInput {
	margin: 0;
	padding: 0;
	
	width: 200px;
	height: 22px;
	line-height: 22px;
	
	background-color: #e7f1fb;
	border: 1px solid #799ab1;
}

.inviteInput {
	margin: 0;
	padding: 0;
	
	width: 200px;
	height: 22px;
	line-height: 22px;
	
	background-color: #e7f1fb;
	border: 1px solid #799ab1;
}

.copyLink {
	width: 23px;
	height: 24px;
	display: block;

	text-indent: -100%;
	
	background-image: url(../images/page/button_copy.gif);
	background-position: left top;
}
.copyLink:hover {
	width: 23px;
	height: 24px;
	display: block;

	text-indent: -100%;
	
	background-image: url(../images/page/button_copy.gif);
	background-position: 0 24px;
}
#__asptrace {
	display: none !important;
}
.comment {
	width: 370px;
	background-color: #ccdae8;
	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.comment .userName {
	display:block; margin-bottom: 5px; font-weight:bold;
}

.content_menu_vertical {
	padding: 0;
	margin: 10px 0 10px 0;
}
.content_menu_vertical li {
	display: inline;
}

.UserList {
	width: 700px;
}
.bigForm {
	/*
	width: 300px;
	margin: auto;
	margin: 20px auto;
	*/
}

	.bigForm label {
		font-size: 18px;
		color: #374959 !important;
	}

	.bigForm .textInput {
		display: block;
		
		margin: 5px 0 10px 0;
		
		width: 284px; /*.bigForm width subtract padding and border (left and right)*/
		
		border: 2px solid #d7e2ec;
		
		color: #313b44;
		background-color: white !important;
		
		padding: 5px;
		
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		font-size: 24px;
		
		background-image: url(../images/page/input_background.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}	
	.bigForm .button {
		margin: 0 2px 0 2px;
	}
	
	#terms {
		border: 2px solid #d7e2ec;
		width: 294px; /*.bigForm width subtract border (left and right)*/
		height: 175px;
	}
	.bigForm .radio, .bigForm .checkbox {
		display: inline;
		width: auto;
		vertical-align: middle;
		background-image: none;
		background-color: #aec5d9 !important;
		border: none;
	}
	
.button {
	padding:0 20px 0 0; /*minimum of 8px padding-right for sliding door image*/	
	border:0; 
		
	width:auto; 
	overflow:visible; 
	
	cursor:pointer; 
	
	text-align:center; 

	background: none; /*removes button background - must appear before background-image*/

	background-image:url(../images/page/button_backgroundRight_default.png);
	background-position: right;
	background-repeat: no-repeat;
	
	font-family: Georgia, "Times New Roman", Times, serif;					
	font-size: 24px;
}
	.button:hover {
		background-image:url(../images/page/button_backgroundRight_over.png); 
	}

.button span { 
	display:block; 
	
	position:relative; 
	padding:0 0 0 20px; /*minimum of 8px padding-left for sliding door image*/
	
	white-space:nowrap;

	margin-top:1px; 

	height:43px; 
	line-height:43px;
	
	background-image:url(../images/page/button_backgroundLeft_default.png);
	background-position: left;
	background-repeat: no-repeat;
	
	color:#5a3713; 	
}
	.button:hover span {
		background-image:url(../images/page/button_backgroundLeft_over.png); 
		color: white;
	}

.inlineMessage {
	padding: 5px;
	margin: 5px;
	background-color: #d1e5f7;
}

.inlineMessageWarning {
	padding: 5px;
	margin: 5px;
	color: white;
	background-color: #d83b3b;
}

				.messageTable {
					width: 100%;
					border-collapse: collapse;
					border: 3px solid #87a2ba;
					color: #537490;					
				}
				.messageTable a {
					color: #537490;
				}
				.messageTable th {
					text-align: left;
					background-color: #97b3cc;
					color: white;
				}
				.messageBlock {
					background-color: #cbdcea;
				}
				.messageBlockTop td {
					padding-top: 10px;
				}
				.messageBlockBottom td {
					padding-bottom: 10px;
					border-bottom: 1px dotted #1d4967;
				}
				.messagePreview, .messagePreview a {
					font-style: italic;
					font-family: Georgia, "Times New Roman", Times, serif;
					color: #3d83bf;
					text-decoration: none;
					
					display: none;
				}
				.messageSender a {
					color: #3d83bf;
				}
				.messageIcon {
					width: 50px;
					text-align: center;
					vertical-align: middle;
				}
				.messageIcon a {
					margin: auto;
				
					display: block;
					width: 19px;
					height: 19px;
					
					background-repeat: no-repeat;
					background-position: center;
					
					overflow: hidden;
					text-indent: -200px;
				}
				.messsageStatusUnread .messageIcon a {
					background-image: url(../images/page/mail_unread.gif);
				}
				.messsageStatusRead .messageIcon a {
					background-image: url(../images/page/mail_read.gif);
				}
				.messsageStatusSent .messageIcon a {
					background-image: url(../images/page/mail_sent.gif);
				}
				.messsageStatusUnread {
					background-color: #e6eff8;
				}
				.messageActions {
					text-align: right;
					padding-right: 10px;
				}
				.messageActions a {
					color: #537490;
				}

            .messageRead {
					border-collapse: collapse;
					border: 3px solid #87a2ba;
					color: #537490;		
					background-color: #cbdcea;
					padding: 10px;
            }
			.messageReadTo a, .messageReadFrom a, .messageReadSubject a {
				color: #3d83bf;
			}
			.messageRead label {
				display: block;
				float:left;
				width: 60px;
				text-align: right;
				font-weight: bold;
			}
			.messageRead p {
				width: 100%;
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #3d83bf;
				font-size: 18px;
			}

            .messageCompose {
				border-collapse: collapse;
				border: 3px solid #87a2ba;
				color: #537490;		
				background-color: #cbdcea;
				padding: 10px;
            }
			.messageCompose label {
				display: block;
				float:left;
				width: 60px;
				text-align: right;
				font-weight: bold;
			}
			.messageComposeBody {
				width: 100%;
				height: 100px;
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #3d83bf;
				font-size: 18px;
			}
			.messageComposeSubject {
				width: 200px;
			}

		
		#tour {			
			background-image: url(images/page/tour_background.gif);
			z-index:2;
			position:absolute;
			width: 900px;
			height:475px;
			left: 0;
			top: 0;
			display: none;	
		}
		#tour #screenshot {				
			width: 393px;
			height: 427px;
		}
		#tourContent {
			width: 860px;
			height: 425px;
			margin: 0 20px 0 20px;
		}
		
		#tourHeader {
			width: 860px;
			height: 20px;
			margin: 10px 20px 0 20px;
			text-align: right;
		}
		#tourHeader a, #autoTourMsg {
			color: #abb3ba;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 11px;
		}
		#autoTourMsg {
			float: left;
		}
		#tourHeader a:hover {
			color: white;
		}
		#tourHeader img {
			vertical-align: text-bottom;
		}
		#tour #linkStep {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 22px;	
			width: 440px;
			float: left;
			margin: 0 0 0 20px;
		}
		#tour .instructions {
			padding: 20px 20px 0 20px;
			width: 417px;
			height: 380px;
		}
		#tour .instructions h1 {
			color: white;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 43px;				
		}
		#tour .instructions p {
			color: white;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 20px;
		}
			








		#modal_login {			
			background-image: url(images/page/tour_background.gif);
			z-index:2;
			position:absolute;
			width: 900px;
			height:475px;
			left: 0;
			top: 0;
			display: none;	
		}
		#modal_login #screenshot {				
			width: 393px;
			height: 427px;
		}
		#modal_loginContent {
			width: 860px;
			height: 425px;
			margin: 0 20px 0 20px;
		}
		
		#modal_loginHeader {
			width: 860px;
			height: 20px;
			margin: 10px 20px 0 20px;
			text-align: right;
		}
		#modal_loginHeader a, #autoTourMsg {
			color: #abb3ba;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 11px;
		}
		#autoTourMsg {
			float: left;
		}
		#modal_loginHeader a:hover {
			color: white;
		}
		#modal_loginHeader img {
			vertical-align: text-bottom;
		}
		#modal_login #linkStep {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 22px;	
			width: 440px;
			float: left;
			margin: 0 0 0 20px;
		}
		#modal_login .instructions {
			padding: 20px 20px 0 20px;
			width: 417px;
			height: 380px;
		}
		#modal_login .instructions h1 {
			color: white;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 43px;				
		}
		#modal_login .instructions p {
			color: white;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 20px;
		}