/* Odyssey v1.0 for Cinemango.com */



/* Body ----- */
body {
	background-color: #ececec;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a img {
	border: 0px none;
}


/* text // -----*/

/* text // system (default) */

body, div.system, p.system, span.system {
	font-size: 9pt;
	color: #505050;
	font-family:  'Lucida Grande', Arial, sans-serif; 
}

th {
	text-align: left;
}

/* text // textile (textile formatted) */
div.textile table {
	border-collapse: collapse;
}

div.textile table th {
	border-top: 1px solid #bbb;
	x-background-color: #e6e6e6;
	background-color: #f6f6f6;
	font-size: 85%;
	padding: 4px 10px 2px 20px;
}
div.textile table td {
	padding: 4px 10px 2px 20px;
	border-top:1px solid #e0e0e0;
}


/* presentation */
div.presentation table {
	width: 100%;
}
div.presentation table td{
	width: 20%;
}
div.presentation h1{
	font-size: 1.7em;
}
div.presentation h2{
	font-size: 1.3em;
}
div.presentation h3, h4, h5, h6{
	font-size: 1.3em;
}
/* headers */

.panel h1{
	font-size: 28px;
}
.panel h2{
	font-size: 20px;
}

/* text // copy (user) etc*/

div.copy, p.copy, span.copy {
	font-size: 1.1em;
	font-family: Georgia,'Times New Roman', serif;
	line-height: 1.4em;
}

div.manuscript, p.manuscript, span.manuscript {
	font-family:  'Courier', monospace, sans-serif; 
}

span.good_news{
	color: #789d23;
}
span.bad_news{
	color: #874744;
}
div.low, p.low, span.low{
	color: #909090;
}
div.detail, p.detail, span.detail{
	font-size: 90%;
}
div.large, p.large, span.large{
	font-size: 120%;
}
div.xlarge, p.xlarge, span.xlarge{
	font-size: 130%;
}

/* text // alignment */
p.center, div.center{
	text-align: center;
}
p.right, div.right{
	text-align: right;
}
/* text //  */
p.detail{
	margin:0.3em 0em;
}
span.nowrap, a.nowrap{
	white-space: nowrap;
}
p.spacious{
	margin:1.5em 0em;
}
/* text // indents */
div.indent, p.indent{
	margin-left:20px;
	padding-left: 10px;
}
/* admin */
span.admin_tag{
	background: #909090 url(/images/odyssey/admin_bg.gif);
	color: #fff;
	font-size: 10px;
	padding: 2px 4px; 
	border-top: 1px solid #777;
}
/* img // ..... */
a img{
	border: 0px none;
}
img.center{
	display: block;
	margin: 0px auto;
}
img.right{
	display: block;
	float: right;
	margin-left: 25px;
}
img.left{
	display: block;
	float: left;
	margin-right: 25px;
}
/* text // misc */

.plain {
	font-weight: normal;
}
hr{
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	border: 1px solid #ddd;
}
/* text // headers FIXME */
span.box_header {
	display: block;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 0.4em;
}
span.box_subheader {
	display: block;
	font-size: 90%;
	font-weight: normal;
	color: #999;
}

/* Tag-cloud  ---- */
.tagcloud_css1, .tagcloud_css2, .tagcloud_css3, .tagcloud_css4{
	padding: 2px 2px;
	line-height: 1.4em;
}
.tagcloud_css1 { 
	font-size: 1.0em;
	color: #aaa;
}
.tagcloud_css2 { 
	font-size: 1.2em;
	color: #999; 
}
.tagcloud_css3 { 
	font-size: 1.4em; 
}
.tagcloud_css4 {
	font-weight: bold;
	font-size: 1.6em; 
}
a.tagcloud_css1:hover, a.tagcloud_css2:hover, a.tagcloud_css3:hover, a.tagcloud_css4:hover{
	color: #00a4df;
	xx-background-color: #e0f4ff;
	background-color: #f9f9f9;
}
/* links ----- */

a.med, a {
	color: #607e9a;
	text-decoration: none;
}
a.med:hover, a:hover {
	color: #00a4df;
	text-decoration: underline;
}
a.good_news, a span.good_news{
	color: #92B83A;
	text-decoration: underline;
}
a.good_news:hover{
	color: #A7D627;
}
a.member_admin {
	color: #808080;
	text-decoration: underline;
}
a.candy {
	color: #00a4df;
	text-decoration: underline;
}
a.high {
	color: #808080;
	text-decoration: underline;
}
a.high:hover {
	color: #00a4df;
}

a.low {
	color: #a0a0a0;
	text-decoration: underline;
}
a.low:hover {
	color: #00a4df;
}
a.low_selected {
	color: #a0a0a0;
	text-decoration: none;
}

a.detail {
	font-size: 85%;
	text-decoration: underline;
}
/* links / pages */
div.pages {
	margin: 12px 6px;
}
div.pages a{
	padding: 4px 4px;
	margin: 0px 0px;
	border: 1px solid #d9d9d9;
}
div.pages a:hover{
	background-color: #e0f4ff;
}
/* layering // -----*/
.layering_top {
	z-index: 100;
	position: relative;
}
.layering_middle {
	z-index: 50;
}
/* top navbar ----- */
/* top navbar // links */
div#navbar a span.good_news {
	color: #A5CC3A;
}
/* top navbar // background & spacing */
div#navbar{
	background-color: #1a1a1a;
	background: #1a1a1a url('/images/odyssey/navbar_bg.gif') repeat-x scroll bottom left;
	font-size:110%;
}
div#navbar_spacer{
	min-width: 770px;
	max-width: 990px;
	margin: 0px auto;
	padding: 0px 10px;
}
div#navbar_content{
	width: 100%;
	display: table;
	height: 2.3em;
}
/* top navbar // cells */
div#navbar_logo {
	display: table-cell;
	width: 1em;
	vertical-align: bottom;
	white-space: nowrap;
}
div#navbar_sections {
	display: table-cell;
	text-align: left;
	vertical-align: bottom;
}
div#navbar_account {
	display: table-cell;
	text-align: right;
	vertical-align: bottom;
	x-border: 1px dotted;
	x-width: 50%;
}

/* top navbar // sections layout */
div#navbar ul.sections{
	margin: 0px 0px;
	padding: 6px 10px;
	list-style: none;
}
div#navbar ul.sections li{
	display: inline;
}
/* top navbar // sections logo */
div#navbar_logo img{
	border: 0px none;
	margin-left:5px;
}
/* top navbar // tabs styling */
div#navbar ul.sections li.tab{
	background: #9a9a9a url('/images/odyssey/tab_left.gif') no-repeat scroll top left;
	padding: 4px 0px;
	margin: 0px 3px;
}
div#navbar ul.sections li.tab a{
	background: transparent url('/images/odyssey/tab_right.gif') no-repeat scroll top right;
	color: #f9f9f9;
	text-decoration: none;
	padding: 4px 13px;
	border-bottom: 2px solid #9a9a9a;
	text-shadow: #505050 0px 1px 3px;
}
div#navbar ul.sections li.tab:hover a{
	color: #fff;
	text-decoration: underline;
}
div#navbar ul.sections li.tab:hover{

}
/* top navbar // selected tabs styling */
div#navbar ul.sections li.tab_selected{
	background: #ececec url('/images/odyssey/tab_selected_left.gif') no-repeat scroll top left;
	padding: 4px 0px 6px 0px;
	margin: 0px 3px;
}
div#navbar ul.sections li.tab_selected a{
	background: transparent url('/images/odyssey/tab_selected_right.gif') no-repeat scroll top right;
	color: #787878;
	text-decoration: none;
	padding: 4px 13px 6px 13px;
}
div#navbar ul.sections li.tab_selected:hover a{
	text-decoration: underline;
}
div#navbar ul.sections li.tab_selected:hover{

}

/* top navbar // plain links styling */
div#navbar ul.sections li.plain{
	padding: 4px 0px;
	margin: 0px 3px;
	font-size: 85%;
}
div#navbar ul.sections li.plain a{
	color: #909090;
	text-decoration: none;
	padding: 4px 13px;
}
div#navbar ul.sections li.plain:hover a{
	text-decoration: underline;
	color: #b0b0b0;
}
div#navbar ul.sections li.plain:hover{

}

/* navmenu // ------- */
div.navmenu{
	width: 120px;
}
div.avatar_portrait {
	width: 100px;
	overflow: hidden;
}
ul.navmenu{
	list-style-type:none;
	padding: 0px 0px;
	margin: 0px -10px;
	font-size: 90%;
	display: block;
}
ul.navmenu li{
	display: block;
	padding: 0px 0px;
}
ul.navmenu li a{
	display: block;
	padding: 5px 7px;
	
	text-decoration: none;
	color: #787878;
}
ul.navmenu li a:hover{
	background-color: #e0f4ff;
	text-decoration: underline;
	color: #505050;
}
ul.navmenu li.selected a{
	-background: #f7f7f7 url('/images/odyssey/tab_selected_left.gif') no-repeat scroll top left;
	background: #c0c0c0 url('/images/odyssey/menu_arrow.gif') no-repeat scroll center right;
	color: #fff;
}
ul.navmenu li.separator{
	padding: 0px 7px;
	margin:3px 0px;
	height:10px;
	background: transparent url('/images/odyssey/navmenu_separator.gif') repeat-x scroll center center;
}
/* navmenu // header */
span.navmenu_header {
	position:relative;
	line-height: 1.8em;
	padding: 0.4em 10px 0.4em 50px;
	font-weight: bold;
	font-size: 130%;
	x-letter-spacing: -0.15ex;
	background: #fff url('/images/odyssey/navmenu_shadow.gif') no-repeat scroll bottom left;
	border-top: 1px solid #fff;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}
span.navmenu_title {
	line-height: 1.8em;
	padding: 0.4em 10px 0.4em 10px;
	font-weight: bold;
	font-size: 130%;
	x-letter-spacing: -0.15ex;
}
span.navmenu_header img#icon{
	position:absolute;
	left:5px;
	top:-10px;
}
ul.menu_vertical .navmenu_subheader{
	color: #777;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 75%;
	margin-top: 12px;
	margin-bottom: 4px;
}
/* user_menu */
div.user_menu .avatar{
	float: left;
	margin-right: 10px;
}
div.user_menu div.title{
	padding-top: 4px;
	margin-bottom: 15px;
}
div.user_menu .title .name{
	padding-left: 10px;
	font-size: 1.7em;
	font-weight: bold;
}

div.user_menu .title .login{
	font-size: 1.4em;
	color: #777;
	font-weight: normal;
}
/* menu_horizontal */
ul.menu_horizontal{
	display: block;
	margin: 10px 0px;
	font-size: 1em;
	x-border-bottom: 1px solid #ccc;
	padding-bottom: 7px;
}
ul.menu_horizontal li{
	display: inline;
	margin: 0px 10px 0px 0px;
}
ul.menu_horizontal li a{
	padding: 7px 15px;
	border: 1px solid #ddd;
}
ul.menu_horizontal li a:hover{
	background-color: #e0f4ff;
}
ul.menu_horizontal li.selected a{
	background-color: #aaa;
	color: #fff;
	border-top: 2px solid #777;
}
/* menu_vertical */
ul.menu_vertical{
	display: block;
	margin: 0px 0px;
	font-size: 1em;
	padding: 0px;
}
ul.menu_vertical li{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0;
}
ul.menu_vertical li.separator{
	padding: 5px 0;
	background: transparent url('/images/odyssey/navmenu_separator.gif') repeat-x scroll center center;
}
ul.menu_vertical li a{
	display: block;
	padding: 5px 0px 5px 5px;
}
ul.menu_vertical li a:hover{
	background-color: #e0f4ff;
}
ul.menu_vertical li.selected a{
	color: #fff;
	border-top: 2px solid #777;
	background: #aaa url('/images/odyssey/menu_arrow.gif') no-repeat scroll center right;
}



/* user_profile */
div.user_profile p.name {
	margin: 8px 0;
	margin-bottom: 0.4em;
	font-size: 2.5em;
}
div.user_profile p.profession {
	margin: 8px 0;
	font-size: 1.7em;
	font-style: italic;
	color: #777;
}
div.user_profile p.location {
	margin: 4px 0;
	font-size: 1.2em;
	font-style: italic;
	color: #777;
}
div.user_profile p.website {
	margin: 4px 0;
	font-size: 1.2em;
	color: #777;
}


/* page // ------ */

div#page {
	min-width: 770px;
	max-width: 990px;
	margin: 0px auto;
	padding: 0px 10px;
}

div#footer {
	clear:both;
	padding: 20px 10px;
}

/* page // nav trail */
div#navtrail{
	font-size: 75%;
	color: #b3b3b3;
	padding: 2px 10px;
}
div#navtrail a{
	color: #b3b3b3;
}

/* horizontal_line // ------- */
div.horizontal_line {
	margin: 5px 0px 5px 0px;
	border-top: 1px solid #d0d0d0;
	-background-color: #f9f9f9;
	-position: relative;
}

/* box // ------- */
div.box, div.box_comment, div.box_help, div.box_info, div.box_member_admin, div.box_feed, div.box_small, div.box_clean  {
	padding: 10px 10px;
	margin: 0px 0px -1px 0px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	x-background-color: #f9f9f9;
	x-position: relative;
}
div.box_clean{
	padding: 0px 10px;
	border: 0px none;
}
div.spacious{
	line-height:1.8em;
}
div.box_small {
	padding: 5px 0px;	
}

div.box_member_admin {
	background-color: #f8e4d0;
	border-top: 1px solid #f0870a;
	border-bottom: 1px solid #f0870a;
}
div.box_help {
	margin: 0px 0px 5px 0px;
	border-top: 1px solid #EADD42;
	border-bottom: 1px solid #EADD42;
	background-color: #fcf7dd;
}
div.box_info { 
	border-top: 1px solid #85cef0;
	border-bottom: 1px solid #85cef0;
	background-color: #d1ebff;
}
div.box_good_news { 
	border-top: 1px solid #b3e851;
	border-bottom: 1px solid #b3e851;
	background-color: #e6ffb6;
}
div.box_bad_news { 
	border-top: 1px solid #de6f5d;
	border-bottom: 1px solid #de6f5d;
	background-color: #ffe5dc;
}

div.box_feed{
	background-color: #f3f3f3;
}
div.old a{
	color: #89a5b6;
}
div.old{
	color: #aaa;
	background-color: #ececec;
}
div.old .box_action span{
	color: #aaa;
}

div.old .good_news{
	color: #aaa;
}
div.box_action {
	float: right;
	margin: 3px 0px 3px 10px;
}
img.box_icon, div.box_icon{
	float:left;
	margin-right:10px;
}
/* comments */
div.box_comment{
	border-top: 1px dashed #c0c0c0;
	border-bottom: 1px dashed #c0c0c0;
}
div.box_comment div.controls{
	float: right;
	margin: 0px 4px 4px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 1px dotted #ccc;
	text-align:right;
}
div.box_comment span.body p:first-child, div.box_bubble span.body p:first-child{
	margin-top: 0;
	display: inline;
}
div.box_comment span.body p{
	margin-bottom: 0;
}
div.box_comment div.content{
	margin-left: 34px;
}

/* box_bubble // ------- */
div.box_bubble .content{
	background-color: #f6f6f6;
	min-height: 20px;
}
div.box_bubble .box_icon{
	margin-top: 5px;
}
div.box_bubble div.controls{
	float: right;
	margin: 0px 4px 4px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 1px dotted #ccc;
	text-align:right;
}
div.box_bubble span.content{
	margin-bottom: 0;
}
div.box_bubble{
	position: relative;
}
div.box_bubble div.content{
	margin-left: 42px;
	position: relative;
	padding: 14px 14px 14px 26px;
}

div.box_bubble div.bubble_top{
	background: transparent url('/images/odyssey/bubble_top.gif') repeat-x scroll top;
	position: absolute;
	top: 0px;
	left: 22px;
	right: 10px;
	height: 10px;
}
div.box_bubble div.bubble_top_left{
	background: transparent url('/images/odyssey/bubble_top_left.gif') no-repeat scroll top left;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 10px;
	width: 22px;
}
div.box_bubble div.bubble_top_right{
	background: transparent url('/images/odyssey/bubble_top_right.gif') no-repeat scroll top right;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 10px;
	width: 10px;
}
div.box_bubble div.bubble_left{
	background: transparent url('/images/odyssey/bubble_left.gif') repeat-y scroll left;
	position: absolute;
	top: 36px;
	left: 0px;
	width: 22px;
	bottom: 10px;
}
div.box_bubble div.bubble_right{
	background: transparent url('/images/odyssey/bubble_right.gif') repeat-y scroll right;
	position: absolute;
	top: 10px;
	right: 0px;
	width: 10px;
	bottom: 10px;
}
div.box_bubble div.bubble_bottom_left{
	background: transparent url('/images/odyssey/bubble_bottom_left.gif') no-repeat scroll bottom left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 10px;
	width: 22px;
}
div.box_bubble div.bubble_bottom_right{
	background: transparent url('/images/odyssey/bubble_bottom_right.gif') no-repeat scroll bottom right;
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 10px;
	width: 10px;
}
div.box_bubble div.bubble_bottom{
	background: transparent url('/images/odyssey/bubble_bottom.gif') repeat-x scroll bottom;
	position: absolute;
	bottom: 0px;
	right: 10px;
	height: 10px;
	left: 22px;
}
div.box_bubble div.bubble_deco{
	background: transparent url('/images/odyssey/bubble_deco.gif') no-repeat scroll top left;
	position: absolute;
	top: 10px;
	left: 0px;
	height: 26px;
	width: 22px;
}



/* box stuff */
h2.box_header {
	font-size: 1.9em;
	margin-bottom: 0.3em;
	margin-top: 15px;
}
h3.box_header {
	font-size: 1.4em;
	margin-bottom: 0.3em;
	margin-top: 20px;
}



/* button // --------- */
span.button {
	x-background: #e0e0e0 url('/images/odyssey/button_bg.gif') repeat-x scroll bottom left;
	x-border: 1px dotted;
	x-height: 40px;
	float: left;
	padding: 4px 0px;
	x-line-height: 1.8em;
	margin: 4px 6px 4px 0px;

}
span.button .label{
	background: #e0e0e0 url('/images/odyssey/button_bg.gif') repeat-x scroll bottom left;
	padding: 4px 10px;
	x-line-height: 1.8em;
	border-top: 1px solid #f0f0f0;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #a0a0a0;
}
span.button a.label:hover {
	background: #ececec url('/images/odyssey/button_hover_bg.gif') repeat-x scroll bottom left;
}


/* paper // ------- */

div.paper {
	padding: 30px 30px;
	background-color: #fff;
	position: relative;
	min-height:70px;
	margin: 0px -8px;
}
div.paper div.paper_top{
	background: transparent url('/images/odyssey/paper_top.gif') repeat-x scroll top;
	position: absolute;
	top: 0px;
	left: 32px;
	right: 100px;
	height: 32px;
}
div.paper div.paper_top_left{
	background: transparent url('/images/odyssey/paper_top_left.gif') no-repeat scroll top left;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 32px;
	width: 32px;
}
div.paper div.paper_top_right{
	background: transparent url('/images/odyssey/paper_top_right.gif') no-repeat scroll top right;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100px;
	width: 100px;
}
div.paper div.paper_left{
	background: transparent url('/images/odyssey/paper_left.gif') repeat-y scroll left;
	position: absolute;
	top: 32px;
	left: 0px;
	width: 32px;
	bottom: 32px;
}
div.paper div.paper_right{
	background: transparent url('/images/odyssey/paper_right.gif') repeat-y scroll right;
	position: absolute;
	top: 100px;
	right: 0px;
	width: 32px;
	bottom: 32px;
}
div.paper div.paper_bottom_left{
	background: transparent url('/images/odyssey/paper_bottom_left.gif') no-repeat scroll bottom left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 32px;
	width: 32px;
}
div.paper div.paper_bottom_right{
	background: transparent url('/images/odyssey/paper_bottom_right.gif') no-repeat scroll bottom right;
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 32px;
	width: 32px;
}
div.paper div.paper_bottom{
	background: transparent url('/images/odyssey/paper_bottom.gif') repeat-x scroll bottom;
	position: absolute;
	bottom: 0px;
	right: 32px;
	height: 32px;
	left: 32px;
}
div.paper div.paper_deco_spacer{
	float: right;
	height: 70px;
	width: 60px;
}
/*
<div class="paper_top"></div>
<div class="paper_top_left"></div>
<div class="paper_top_right"></div>
<div class="paper_left"></div>
<div class="paper_right"></div>

<div class="paper_bottom"></div>
<div class="paper_bottom_left"></div>
<div class="paper_bottom_right"></div>
<div class="paper_bottom_bg"></div>
*/

/* panel // ------- */
div.panel {
	background: #fff url('/images/odyssey/panel_bg.gif') repeat-x scroll bottom left;
	border-top: 1px solid #fff;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #a0a0a0;
	padding: 10px 10px 10px 10px;
	margin:0px 0px 10px 0px;
}



/* panel // header */
span.panel_header {
	background-color: #fff;
	-background-color: #fcfcfc;
	border-top: 1px solid #fff;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	padding: 0.2em 10px 0.2em 35px;
	font-weight: bold;
	font-size:110%;
	x-letter-spacing: -0.15ex;
	line-height: 1.4em;
	position: relative;
	display: inline;
}
span.panel_header_plain{
	-background-color: #fcfcfc;
	background-color: #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	padding: 0.2em 10px 0.2em 10px;
	font-weight: bold;
	font-size:110%;
	x-letter-spacing: -0.15ex;
	line-height: 1.4em;
	position: relative;
}
span.panel_header img{
	position: absolute;
	top:-5px;
	left: 5px;
}
/* layout // -------- */
table.layout_page {
	padding-top:15px;
}
/* layout // left and main*/
td.layout_left_and_main {
	vertical-align: top;
}
/* layout // main and right*/
td.layout_main_and_right {
	padding-top: 10px;
	vertical-align: top;
}
/* layout // defaults */
td.layout_right {
	width: 200px;
	padding-left: 20px;
	vertical-align: top;
}
td.layout_left {
	vertical-align: top;
	width: 120px;
	padding-right: 20px;
}
td.layout_main {
	padding-top: 10px;
	vertical-align: top;
}
td.layout_left_extended {
	vertical-align: bottom;
}
td.layout_main_extended {
	vertical-align: top;
}



/* forms // ------ */

form label{
	font-size: 90%;
	color: #808080;
}

div.panel form input{
	font-family: Monaco; 'Lucida Grande', Arial, sans-serif;
}

/* front // -------- */
div#front_splash {
	height: 285px;
	position: relative;
	padding:10px 60px;
	margin-top: 7px;
}
div#front_left_sprocket{
	position:absolute;
	background-image: url('/images/odyssey/front_sprockets.gif');
	width: 25px;
	height: 271px;
	top: 14px;
	left: 14px;
}
div#front_right_sprocket{
	position:absolute;
	background-image: url('/images/odyssey/front_sprockets.gif');
	width: 25px;
	height: 271px;
	top: 14px;
	right: 14px;
}
img#front_splash_img{
	position: absolute;
	top: -40px;
	
}
div#front_tagline{
	position: absolute;
	top: 230px;	
}
div#front_link{
	position: absolute;
	top: 235px;	
	right: 45px;
	font-size:125%;
	font-weight:bold;
}
div#front_splash_content{
	position:relative;
	-text-align: center;
	-border:1px dotted;
	width: 450px;
	margin:0px auto;
	
}

/* login // ----- */
div#login .textfield input{
	width: 100%;
	font-size: 10pt;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #f0f0f0;
	padding: 2px 0px;
	margin: 2px 0px;
}

/* auto-complete */

div.auto_complete {
  width: 350px;
  background: #fff;
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected { 
  background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}

/* table // ------- */
table.list th {
		font-size: 87%;
	color: #777;
	background-color: #f4f4f4;
	border-top: 1px solid #d0d0d0;
	padding: 3px 3px 3px 3px;
}
table.list {
	border-collapse: collapse;
}
table.wide {
	width: 100%;
}
table.list td{
	padding: 5px 5px;
}

/* forums */
div.forum {
	background: #fff url('/images/odyssey/panel_bg.gif') repeat-x scroll bottom left;
	x-background: #fcfcfc url('/images/odyssey/forum_bg.gif') repeat-x scroll bottom left;
	border-top: 1px solid #fff;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #b0b0b0;
	padding: 5px 10px 5px 10px;
	margin:0px 0px 0px 0px;
	x-width: 100%;
}
div.clickable:hover {
	cursor: pointer;
	background-color: #e0f4ff;
	background-image: none; 
}

div.forum .title{
	font-size:155%;
	font-weight: bold;
	x-letter-spacing: -0.1ex;
	x-letter-spacing: -0.2pt;
}
div.forum div.description p{
	margin-top:0px;
	margin-bottom:0px;
	
}

div.forum table.topics_list th{
	font-size: 87%;
	color: #777;
	background-color: #f4f4f4;
	border-top: 1px solid #d0d0d0;
	padding: 3px 3px 3px 3px;
}
div.forum table.topics_list td{
	padding-left:5px;
	padding-right:5px;
}
div.forum table.topics_list td{
	border-bottom: 1px solid #eee;
}
div.forum table.topics_list .flag{
	background-color: #aaa;
	padding: 1px 3px 1px 3px;
	margin-right: 3px;
	font-size: 90%;
	color: #fff;
}
/* forum -- posts list */

div.forum table.posts_list {
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}
td.spacer div{
	height: 1px;
	border-bottom: 1px dashed #ccc;
}
td.spacer {
	padding: 8px 0px 8px 0px;
}
/* forum // posts text */
div.forum table.posts_list div.copy p{
	margin-top:0px;
}
div.copy blockquote{
	border-left: 2px solid #ccc;
	padding-left: 10px;
	color: #999;
	margin-left: 10px;
}

div.forum table.posts_list td.head img{
	float: left;
	margin: 0px 4px 0px 0px;
}

div.forum table.posts_list td.post div.controls{
	float: right;
	margin: 0px 4px 4px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 1px dotted #ccc;
	text-align:right;
}

/* TODO - needed? */
div.forum td.clickable:hover{
	background-color: #e0f4ff;
	cursor: pointer;
}

/* forum // edit/reply */

div.forum div#reply textarea{
	width: 100%;
}
div.forum div#edit textarea{
	width: 95%;
}
div.forum div#edit{
	position:fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #333;
}
div.forum div#edit .container{
	width: 620px;
	margin-left:138px;
}


/* tables */
table.form td{
	padding: 5px 10px;
	vertical-align: top;
}
table.layout td{
	padding: 10px 10px;
	vertical-align: top;
}
table.wide {
	width: 100%;
}

/* forms */
form div.fieldWithErrors{
	background-color: #e16e65;
}

.panel input[type="text"],.panel input[type="password"],.panel textarea, textarea {
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #e0e0e0;
}

input.wide, textarea.wide {
	width: 95%;
}
input.large{
	font-size: 120%;
}
/* notices // TODO */
p.flash_notice {
	border-left: 8px solid #92B83A;
	border-top: 1px solid #b2bb9e;
	background-color: #dfedbe;
	color: #6a8628;
	padding: 6px 4px 6px 12px;
}


p.flash_error {
	border-left: 8px solid #cb3e38;
	border-top: 1px solid #9e8f8e;
	background-color: #f5d8d0;
	color: #874744;
	padding: 6px 4px 6px 12px;
	

}
 /* user blurb deco */
 div.blurb {
 	position: relative;
 }
 div.blurb img#deco{
 	position: absolute;
 	left: -17px;
 }
 
 p.top {
 	margin-top: 0px;
 }
 

/* icons */
img.icon_inline {
	vertical-align: middle;
	margin-right: 0px;
}
img.icon_bullet {
	margin-top:4px;
}

/* ajax */
tr.clickable:hover {
	cursor: pointer;
}
tr.clickable:hover {
	background-color: #cce9f9;
}

/* videos */
div.video_item h2{
	margin-top: 0;
	margin-bottom: 5px;
}
div.video_item div.thumb {
	background: #fff url(/images/odyssey/video_thumb_back.gif) no-repeat scroll center center;
	padding: 4px 17px;
}
div.video_show{
	padding-bottom: 30px;
}
div.video_show div.container{
	margin:0px auto;
	width: 425px;
}
div.video_show h2{
	margin-top: 5px;
	margin-bottom: 5px;
	text-align:center;
}

/* panel dark */
div.panel_dark{
	border-top: 1px solid #404040;
	border-left: 1px solid #090909;
	border-right: 1px solid #090909;
	border-bottom: 1px solid #030303;
	padding: 10px 10px 10px 10px;
	margin:0px 0px 10px 0px;
	background: #161616 url('/images/odyssey/panel_bg_dark.gif') repeat-x scroll bottom left;
}

div.panel_dark p.low {
	color: #333;
}
div.panel_dark p.low a{
	color: #213446;
}