/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
' Filename: style.css	
' Author: Jac Cotelin
' Creation Date: 01/15/2008
' Description: CSS file for the Odyssey Template
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
*/
/************* Begin Styles ***********/
a{
	font: normal normal normal 1em Tahoma, Arial, Helvetica, Sans-Serif;
	color: #fff;
	text-decoration: underline;
}

a:hover { text-decoration: underline overline;}

a img{border: none;}

body {
	background-color: #000;
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 75%;
	background-image: url(/dbjedi/templates/odyssey/images/background_defaultphp.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	text-align: center;
}

h2{
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #007698;
}

h3{
	color: orange;
	font-size: 1.1em;
	font-weight: bold;
}

img.icon {vertical-align: middle;}
img.icon-small{width: 16px; height: 16px;}

input,
select,
textarea,
button,
a.button{
 font: normal normal bold 1em arial, helvetica, sans-serif;
 font-weight: normal;
 color: #999;
 background: #000;
 border: 1px solid #236066;
 padding: 0.3em;
 text-decoration: none;
}

input[type=checkbox],
input[type=radio]{
	border: none;
}

button,
a.button,
input.button,
input[type=button],
input[type=submit],
input[type=reset]{
	background: #222;
	border-color: #555;
}

button:hover,
a.button:hover,
input.button:hover,
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover{
	background: #333;
	border-bottom: 1px solid #555;
	color: #eee;
}

form li.confirm{
	padding: 1em 0;
	text-align: center;
}

.confirm input,
.confirm a.button{
	font-size: 1.5em;
	margin-right: 0.5em;
}

a.button{
	padding: 0.35em 0.3em;
}

li.options{
	font-size: 0.9em;
	padding: 0.5em;
	margin-bottom: 1px;
}

ul{
	margin-left: 20px;
}

ul li{
	list-style: disc;
	margin-bottom: 0.3em;
}

p{
	font: 1em Tahoma, Arial, Helvetica, Sans-Serif;
	color: #fff;
	margin-bottom: 1.5em;
}	

p.pad{
	padding-left: 20px;
	margin: 0;
}

.center,.centered{ text-align: center; }
.left{float: left;}
.right{float: right;}
.small{font-size: 0.8em;}

.centered .box{
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.krath{color: #FF33FF;}
.obelisk{color: #0000ff;}
.sith{color: #ff0000;}

.clear{
	clear: both;
	height: 0;
	visibility: hidden;
}

.de-emphasize{color: #999;}

.table-options,
.list-options{
	margin-bottom: 0.5em;
}

a.external:link,
a.external:active,
a.external:visited{
	background: transparent url(/dbjedi/templates/images/icons/external.png) no-repeat scroll right center;
	padding-right: 13px;
	text-decoration: none;
}

.gutter{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	zoom: 1;
}
	
#page{
	margin: 0 auto;
	background: transparent url(/dbjedi/templates/odyssey/images/background_default.jpg) -150px 0px no-repeat;
	width: 1000px;
	height: 1000px;
	padding: 0 20px 0 20px;
	text-align: left;
}

/************ Top Section *************/

#top{
	background: #061218;
	border-bottom: 1px solid #0D2326;
	color: #666;
	height: 2.4em;
	text-align: center;
}

#top .gutter{
	width: 960px;
	padding: 0.2em 0;
}

#top .nav li{
	float: left;
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 1em;
	margin-top: 0.35em;
	padding: 0;
}

#top a{
	border-bottom: 1px dotted #236066;
	color: #666;
	text-decoration: none;
}

#top a:hover{color: #fff;}

#top .user{
	float: right;
	margin-top: 0.35em;
	padding-right: 35px;
}

/**************** Header ***************/

#header{
	width: 960px;
	text-align: left;
}
	
	#header .left {
		width: 305px;
		height: 130px;
		float: left;
		padding: 0px;
		border: 0px solid #F00;nav
	}
	
	#header .right {
		width: 305px;
		height: 130px;
		float: left;
		border: 0px solid #00F;
		_margin-left: -5px;
	}
	
	#header .flash {
		width: 350px;
		height: 130px;
		float: left;
		border: 0px solid #0F0;
		_margin-left: -5px;
	}

.dossier-search{
	margin: 5px 20px 0px 0px;
	text-align: right;
}

.dossier-search label{
	float: none;
	font-size: 0.9em;
	width: auto;
}

.nav-images{
	background: url(/dbjedi/templates/odyssey/images/nav_images.png) no-repeat; 
	display: block;
	height: 25px;
	overflow: hidden;
	text-indent: -500px;
}
.nav-main{width: 73px;}
.nav-training{background-position: 0 -25px; width: 93px;}
.nav-resources{background-position: 0 -50px; width: 139px;}
.nav-communication{background-position: 0 -75px; width: 168px;}
.nav-join{background-position: 0 -100px; width: 53px;}
.nav-admin{background-position: 0 -125px; width: 84px;}

ul#navmenu-h0 , ul#navmenu-h1{
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  height: 24px;
  margin-top: 32px;
}

/******************* Body ******************/

#body {
	clear: both;
	float: left;
	width: 960px;
	/*margin-top: 120px;*/
}

.content-area{width:940px;}

/********** box sizing *********/
.box{margin-top:20px; vertical-align: top;}
.box-100 { width: 940px; }
.box-75 {float: left; width: 700px;}
.box-60 {float: left; width: 600px; }
.box-40 {float: left; width: 320px; }
.box-25 {float: left; width: 220px;}
.box-75-25{width: 940px;}
.box-60-40{width: 940px;}

/********** box titles **********/
.box .title{
	height: 26px; 
	font-weight:bold;
	line-height: 18px; 
	text-align: center; 
}
.box-100 .title {background: url(/dbjedi/templates/odyssey/images/box_100_top.png) no-repeat;}
.box-75 .title {background: url(/dbjedi/templates/odyssey/images/box_75_top.png) no-repeat;}
.box-75 .connected .title {background: url(/dbjedi/templates/odyssey/images/box_75_top_connected.png) no-repeat;}
.box-60 .title {background: url(/dbjedi/templates/odyssey/images/box_60_top.png) no-repeat;}
.box-60 .connected .title {background: url(/dbjedi/templates/odyssey/images/box_60_top_connected.png) no-repeat;}
.box-40 .title {
	background: url(/dbjedi/templates/odyssey/images/box_40_top.png) no-repeat; 
	height: 29px; 
	line-height: 22px;
}
.box-25 .title{
	background: url(/dbjedi/templates/odyssey/images/box_25_top.png) no-repeat; 
	height: 29px; 
	line-height: 22px; 
}

/********** box content **********/
.box-100 .content {background: url(/dbjedi/templates/odyssey/images/box_100_background_ie6.png) repeat-y;}
.box-75 .content {background: url(/dbjedi/templates/odyssey/images/box_75_background_ie6.png) repeat-y;}
.box-60 .content {background: url(/dbjedi/templates/odyssey/images/box_60_background_ie6.png) repeat-y;}
.box-40 .content {background: url(/dbjedi/templates/odyssey/images/box_40_background_ie6.png) repeat-y;}
.box-25 .content {background: url(/dbjedi/templates/odyssey/images/box_25_background_ie6.png) repeat-y;}

html>body .box-100 .content {background: url(/dbjedi/templates/odyssey/images/box_100_background.png) repeat-y;}
html>body .box-75 .content {background: url(/dbjedi/templates/odyssey/images/box_75_background.png) repeat-y;}
html>body .box-60 .content {background: url(/dbjedi/templates/odyssey/images/box_60_background.png) repeat-y;}
html>body .box-40 .content {background: url(/dbjedi/templates/odyssey/images/box_40_background.png) repeat-y;}
html>body .box-25 .content {background: url(/dbjedi/templates/odyssey/images/box_25_background.png) repeat-y;}

/********** box content top **********/
.box-100 .content-top {background: url(/dbjedi/templates/odyssey/images/box_100_background_top.png) no-repeat top right;}
.box-75 .content-top {background: url(/dbjedi/templates/odyssey/images/box_75_background_top.png) no-repeat top right;}
.box-60 .content-top {background: url(/dbjedi/templates/odyssey/images/box_60_background_top.png) no-repeat top right;}
.box-40 .content-top {background: url(/dbjedi/templates/odyssey/images/box_40_background_top.png) no-repeat top right;}
.box-25 .content-top {background: url(/dbjedi/templates/odyssey/images/box_25_background_top.png) no-repeat top right;}

.box-75 .connected .content-top {background: url(/dbjedi/templates/odyssey/images/box_75_background_top_connected.png) no-repeat top right;}
.box-60 .connected .content-top {background: url(/dbjedi/templates/odyssey/images/box_60_background_top_connected.png) no-repeat top right;}
.box-40 .connected .content-top {background: url(/dbjedi/templates/odyssey/images/box_40_background_top_connected.png) no-repeat top right;}	
.box-25 .connected .content-top {background: url(/dbjedi/templates/odyssey/images/box_25_background_top_connected.png) no-repeat top right;}

/********** box content body **********/	
.box-100 .content-body,
.box-25 .content-body {
	padding: 0.9em 1.5em;
}

.box-75 .content-body,
.box-60 .content-body,
.box-40 .content-body { 
	padding: 1em 2em;
}

/********** box content bottom **********/
.box-100 .content-bottom {background: url(/dbjedi/templates/odyssey/images/box_100_bottom.png) no-repeat;}		
.box-75 .content-bottom {background: url(/dbjedi/templates/odyssey/images/box_75_bottom.png) no-repeat;}
.box-60 .content-bottom {background: url(/dbjedi/templates/odyssey/images/box_60_bottom.png) no-repeat;}
.box-40 .content-bottom {
	background: url(/dbjedi/templates/odyssey/images/box_40_bottom.png) no-repeat; 
	height: 32px; 
}
.box-25 .content-bottom {
	background: url(/dbjedi/templates/odyssey/images/box_25_bottom.png) no-repeat; 
	height: 32px;
}

/********** box bottom **********/
.box .bottom{float: left; height: 20px;}

/********** box spacers **********/
.box-75-25 .spacer {float: left; width: 20px;}
.box-75-25-spacer-connected {
	background: url(/dbjedi/templates/odyssey/images/box_connector.png) no-repeat; 
	float: left;
	height: 102px; 
	width: 20px; 
}		
.box-60-40-spacer {width: 20px; float: left;}		
.box-60-40-spacer-connected {
	background: url(/dbjedi/templates/odyssey/images/box_connector.png) no-repeat;  
	float: left;
	height: 102px; 
	width: 20px;
}

/********** lists and items ************/

.items,
.list{
	background: transparent;
	border: 0.5em solid #292929;
	font-size: inherit;
	
	list-style-type: none;
	margin-left: 0;
	
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.list td,
.list th{
	background: #292929;
	padding: 0.5em;
}

.list ul{margin-left: 0;}
.list li{list-style-type: none;}

li.item,
.list .item,
.list .item td{
	background: transparent url(/dbjedi/templates/odyssey/images/box_holocron_content_background.png);
	border: 1px solid #191919;
	clear: both;
	color: #999;
	padding: 0.5em;
}

.list .item td{background-image: none;}

.item a,
.list .member a{
	border-bottom: 1px dotted #555;
	text-decoration: none;
}

.item a.button{
	border-bottom: 1px solid #555;
}

.item a:hover,
.list .member a:hover{
	border-bottom: 1px dotted #777;
	text-decoration: none;
}

.item a.button:hover{
	border-bottom: 1px solid #555;
}

.item > .body,
.list > .body{color: #555;}
.item .category,
.list .rank{color: #999;}
.item .cost{color: #fff;margin-right: 0.5em;}
.item .credits{color: yellow;}
.item .item-icon{
	background: #555 url(/dbjedi/templates/images/possessions/slot_empty.gif) 1px 1px no-repeat;
	border: 1px solid #222;
	float: left;
	height: 32px;
	width: 32px;
	margin-right: 0.5em;
}
.item .options,
.list .options{float: right;}
.item-container{
	background: #292929;
	border-collapse: separate;
	padding: 0.5em 0.5em 0.5em;
	display: inline-block;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
.item-container > .item-container-title{
	font-size: 0.7em;
	text-align: center;
}

.item-container-contents{
	background: #555 url(/dbjedi/templates/images/possessions/slot_empty_bg.gif);
	position: relative;
}

.item-container .item{
	border: 0;
	margin:0;
	margin-bottom: 0;
	padding: 0;
}
.item-container .item .item-icon{margin-right: 0;}


/********** holocron boxes **********/
.holocron .title {
	background: url(/dbjedi/templates/odyssey/images/box_holocron_title.png) no-repeat;
	color: #dff;
	font: 16pt Tahoma;
	height: 25px;
	padding: 20px 0px 0px 50px;
	text-align: left;
}
	
.holocron .content {
	background-image: none !important;
	border: 1px solid #236066;
	margin-left: 40px;
}

.holocron .content-body {
	background: url(/dbjedi/templates/odyssey/images/box_holocron_content_background.png);
	border: 4px solid #0d2326;
	padding: 10px;
}

/********** posts **********/
.news-info{
	font-size: 0.8em;
	margin-bottom: 1em;
	text-align: center;
}

.posts {
	font-family: arial,helvetica,sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

.posts h3 {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration:none;
}

.posts h3 a{
	font-weight: bold;
	text-decoration: none;
}

.posts > li {
	background: url(/dbjedi/templates/odyssey/images/box_holocron_content_background.png);
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

.posts .date {
	color: #666;
	float: right;
	font-size: 0.9em;
	padding-right: 10px;
	text-align: right;
}

.posts .post > .body {
	font-size: 1em;
	padding-bottom:5px;
	padding-left:5px;
	padding-top: 5px;
}

.posts .post > .head .sub-header {
	clear: both;
	color: #666;
	font-size: 1em;
	padding: 0 0 0 5px;
}

.posts .post > .head .sub-header .comments{
	float: right;
	padding-right: 10px;
}

.posts .post > .head {
	border-bottom: 1px dotted #333;
	border-top: 1px solid #333;
	padding-bottom: 8px;
	padding-top: 8px;
	position: relative;
}

.posts .updown {margin-right: 5px;}

#comments ul{
	list-style: none;
	margin-left: 0;
}

#comments ul li{
	list-style-type: none;
}

li.comment{
	border-left: none;
	border-right: none;
	border-top: none;
	padding-top: 1em;
}

.comment .who{

}

.comment .body{
	color: #eee;
	padding: 1em 1em 2em 1em;
}

.comment .when{
	color: #666;
	font-size: 0.8em;
	float: right;
	text-align: right;
}

#post-comment{
	margin-top: 1em;
	text-align: center;
}

#post-comment form{
	background: transparent;
	border: 0.5em solid #292929;
	font-size: inherit;
	margin: 0 auto;
	text-align: left;
	width: 600px;
	
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

#post-comment form li{
	border: none;
}

#post-comment form ul{
	margin-bottom: 0;
}

#post-comment form h3{
	background: #292929;
	border: none;
	color: #fff;
	display: block;
	padding: 0.3em 0;
}

#post-comment form textarea{
	width: 99%;
}

/* FORMS */
#dossier-field {
	color: #fff;
	background: #000 none;
	font : xx-small Arial, Helvetica, sans-serif;
	height : 1em;
}

.TextBox {
	color: #fff;
	background: #000 none;
	font : 1em Arial Helvetica sans-serif;
}
	
.TextBoxsmall {
	color: #fff;
	background: #000 none;
	font : xx-small Arial, Helvetica, sans-serif;
	height : 17px;
	width : 110px;
}
	
.TextBoxsmall2 {
	color: #fff;
	background: #000 none;
	font : xx-small Arial, Helvetica, sans-serif;
	height : 17px;
	width : 33px;
}

/* TEXT */
#NavHeading {
	font: normal normal bold 16px sans-serif;
	color: #ccc;
}
	
.NavItemSmall {
	color: #ccc;
	text-decoration: none;
	font : 10px Arial, Helvetica, sans-serif;
}
	
#PageHeading {
	font: normal normal 20px Tahoma, Arial, Helvetica, Sans-Serif;
	color: #FFF;
}
	
#SectionHeading {
	font: normal normal 14px Tahoma, Arial, Helvetica, Sans-Serif;
	color: #FFF;
}
	
#AdmMessage {
	font: normal normal bold 1em Tahoma, Arial, Helvetica, Sans-Serif;
	color: #FF0000;
}
	
.P2 {
	font: 1em Tahoma, Arial, Helvetica, Sans-Serif;
	color: #fff;
	margin: 5mm;
}
	
/* LINKS */
	a.Nav {
		color: #fff;
		text-decoration: none;
		font : 1em Arial, Helvetica, sans-serif;
	}

	a.Nav:hover {
		text-decoration : overline underline;
	}

	a.NavDC {
		color: #fff;
		text-decoration: none;
		font : 0.9em Arial, Helvetica, sans-serif;
	}

	a.NavDC:hover {
		color: #fff;
		text-decoration : overline underline;
	}

	a.ButtonSmall { /*Used for the Dossier "Go" Button on the news page */
		font: normal normal bold 0.8em Tahoma, Arial, Helvetica, Sans-Serif;
		background: #ece9d8 none;
		color: #000;
		border-style: outset;
		border-width: thin;
		text-decoration: none;
	}

	a.ButtonSmall:hover {
		background: #aca899 none;
		color: #fff;
		border-style: inset;
	}

	
/* TABLES */
	table{border: none;font-size: 1em;}
	th {
		font: normal normal bold 1em Tahoma, Arial, Helvetica, Sans-Serif;
		color: #fff;
	}
	
	td {
		font: normal normal normal 1em Tahoma, Arial, Helvetica, Sans-Serif;
		color: #fff;
	}

	th.News {
		font: normal normal 1.2em Arial, Helvetica, sans-serif;
		color: #ccc;
	}
	
	td.NewsPost {
		font: normal normal 1em Arial, Helvetica, sans-serif;
		color: #fff;
	}
	
	th.Type2 {
		font: normal normal bold 1em Tahoma, Arial, Helvetica, Sans-Serif;
		color: #fff;
		background: #216363 none;
	}
	
	td.Row2 {
		font: normal normal normal 1em Tahoma, Arial, Helvetica, Sans-Serif;
		color: #fff;
		background: #222 none;
	}
	
/* START: colors for the news content */

.posts .report h3 a{
		color:#AC9E6D;
	}

	.posts .news h3 a{
		color:#4ad6e3;
	}
	
	.posts .fiction h3 a{
		color: #ab79c2;
	}
	
	.news-tabs{
		background: #000;
		border-bottom: 1px solid #333;
		list-style-type: none;
		margin: 0;
		padding: 5px 5px 0 5px;
		opacity: 0.8;
		alpha: filter(opacity=0.8);
	}
	
	.news-tabs li{
		display: inline-block;
		margin: 0 5px 0 0;
		padding: 0;
	}
	
	.news-tabs li a{
		background: #111;
		border-top: 1px solid #222;
		color: #999;
		display: block;
		padding: 5px 10px;
		width: 80px;
		text-align: center;
		text-decoration: none;
	}

	.news-tabs li a:hover{
		background: #222;
		border-top: 1px solid #333;
		color: #ccc;
	}
	
	.news-tabs li.selected a{
		background: #333;
		border-top: 1px solid #444;
		color: #fff;
	}
/* END: colors for the news content */

.hide { display: none;}

#important-headlines a{text-decoration:none;}

#important-headlines ul.images{
	height: 159px;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 350px;
}

#important-headlines ul.images li{
	margin: 0;
	padding: 0;
}

#important-headlines ul.posts{
	list-style-type: none;
	padding: 0;
	margin: 45px 0 0 0;
}

#important-headlines ul.posts li{
	width: 200px; 
	border: 1px solid #236066; 
	background: url(/dbjedi/templates/odyssey/images/box_holocron_content_background.png); 
	padding: 3px;
	margin: 0 0 3px 0;
	height: 2.5em;
}

#important-headlines ul.posts li.roll{
	border: 1px solid #4ad6e3; 
}

/* Pluses and Minuses for Character Sheets */

img.plus-minus-icon {
	background: url(/dbjedi/templates/odyssey/images/plusminus.jpg) no-repeat;
	height: 22px;
	width: 24px;
	vertical-align: middle;
}
	
img.plus-icon {
	background-position: -24px 0px;
}

img.plus-icon-hover {
	background-position: -72px 0px;
}

img.plus-icon-click {
	background-position: -120px 0px;
}

img.minus-icon {
	background-position: 0px 0px;
}

img.minus-icon-hover {
	background-position: -48px 0px;
}

img.minus-icon-click {
	background-position: -96px 0px;
}

img.inactive{
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	KHTMLOpacity: 0.4;
}

/******** [ Character Sheet ] ************/
.charsheet-overview{
	width: 731px;
}

.charsheet-overview .title{
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #007698;
}

.charsheet-overview .trait-category-name{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #007698;
}

.charsheet-overview .trait-column{
	margin-left: 10px; 
	float: left; 
	width: 135px; 
	height: 40px; 
	list-style-type: none;
	text-align: left; 
	text-align: center;
}

.charsheet-overview .trait-group-name{
	font-size: 1em; 
	font-color: #007fa4; 
	border-bottom: 1px solid #023843;
	clear: left;
}

.charsheet-overview .trait-group-space{
	margin-left: 10px; 
	float: left; 
	width: 135px;
}	

.charsheet-overview .trait-rating{
	margin: 0px 0px 3px 10px; 
	float: left; 
	list-style-type: none;
	width: 135px; 
	text-align: left;
}

.charsheet-overview .trait-rating a{
	text-decoration: none;
}

.charsheet-overview .trait-first{
	clear: left;
}

.charsheet-overview .trait-icon{
	border: none; 
	margin: 6px 3px 3px 0px;
}

.charsheet-overview .trait-name{
	margin: 0px 0px 10px 10px; 
	text-align: left; 
	float: left; 
	width: 150px; 
	font-weight: bold;
}

.charsheet-overview .trait-option-name{
	margin: 0px 0px 10px 0px; 
	text-align: left; 
	float: left; 
	width: 550px;
}

.charsheet-overview hr{
	clear: both;
	visibility: hidden;
	margin-bottom: 20px;
}

.character-sheet-details .details-close{
	clear: both;
}

/******** Post Report *********/
.post-report{font-size: 1.0em;}
.post-report .header,
.post-report .divider{
	text-align: center;
}
.post-report .header img,
.post-report .divider img{
	display: block;
	margin: 0 auto;
}
.post-report h2{
	font-size: 1.3em;
	font-weight: bold;
	margin: 3px 0px;
}
.post-report h3{
	font-size: 1.1em;
	font-weight: bold;
	margin: 3px 0px;
}
.post-report h4{
	color: orange;
	font-size: 1.1em;
	font-weight: bold;
	margin: 3px 0px;
}
.post-report strong{
	color: orange;
	font-weight: bold;
}
.post-report .status{
	color: #60e6f6;
	font-weight: normal;
}
.post-report .ul{
	text-decoration: underline;
}

/********** Innerindex ***********/
.innerindex{
	background: #111;
	border: 1px solid #007698;
	color: #999;
	float: right;
	font-size: 0.9em;
	margin: 5px 5px 10px 10px;
	padding: 10px 10px 10px 10px;
	opacity: 0.7;
	filter: alpha(opacity=0.7);
	z-index: 100;
}	

.innerindex ol{
	margin: 0;
	padding: 0 0 0 0.5em;
}

.innerindex h3{
	border-bottom: 1px solid #007698;
	font-size: 1.1em;
	margin-top: 0;
}

/*********** Dossier *************/
.admin{color: #007698;}

.dossier-data h2{
	border: none;
	font-weight: normal;
	font-size: 1.8em;

}

.dossier-data h3{
	color: #fff;
	font-size: 1.3em;
	font-weight: normal;
}

.dossier-data .dossier-order{
	font-size: 1.2em;
	font-style: italic;
}

#dossier-tabs{margin-top: 1em;}

.dark h2{
	clear: left;
	margin: 1em 0 0.5em;
}
.dark h3{margin: 0;}

.dark .section{padding-left: 10px;}

.dark ul.section{
	list-style-type: none;
	margin: 0;
}

.dark ul.section li{list-style: none; margin-left: 0;}

.dark ul.section li label{
	color: #999;
	margin: 0;
}

.dark ul.section li small{padding-left: 20px;}
.dark ul.section li.pad-bottom{margin-bottom: 1.5em;}

.dark .admin a{color: #666;}
.dark .admin a:hover{
	color: #ccc;
	text-decoration: underline;
}

.dark .award-list td, 
.dark .fancy td{ padding: 0.25em; }

.hover-admin .admin{display: none;}
.hover-admin:hover .admin{display: inline;}

.dark dt{
	clear: left;
	color: #999;
	float: left;
	font-weight: bold;
	margin-right: 1em;
	width: 13em;
}

.dark dd{margin-bottom: 0.3em;}

.ui-tabs-nav li{
	list-style: none !important;
}

.titles{
	list-style-type: none;
	margin: 1em 0 0;
	padding: 0;
}

.titles li{list-style: none;}

.robe-banner{
	margin: 2em 0;
	text-align: center;
}
.robe-banner table{
	background: black;
	border: 4px solid #0d2326;
	margin: 0 auto;
	width: 750px;
}

.robe-banner td{
	padding: 0.5em;
	text-align: center;
	width: 50%;
}

.saber{
	background: #000;
	float: right;
	padding: 1em 50px;
	text-align:center;
	margin-top:3em;
}

/*********** About Us ************/
.about p{
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 2.5em;
}
.about-img{ border: 2px solid #000; }

.about-img-left{
	float: left;
	margin: 0 10px 10px 0;
}

.about-img-right{
	float: right;
	margin: 0 0 10px 10px;
}

.about strong{
	color: orange;
	font-weight: normal;
}

.about .section{
	background: #000;
	padding: 1em 0.5em;
	opacity: 0.8;
	filter: alpha(opacity=0.8);
}

.about .top-section{ border-top: 1px solid #007698; }
.about h2{ margin-bottom: 0; }

.about a.about-join{
	background: #222;
	color: #fff;
	display: inline-block;
	font-size: 2em;
	padding: 10px 15px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.about a.about-join:hover{
	background: #333;
	text-decoration: none;
}

.link-block h2{
	margin-left: 0;
	margin-bottom: 0.5em;
}

.link-block h3{
	color: #999;
	font-size: 1.0em;
	margin: 0;
}

.link-block td{
	padding: 5px 5px 20px 5px;
}

.link-block ul{
	color: #333;
	list-style-type: none;
	margin: 0 0 0.5em 0;
}

.link-block ul li{
	list-style: none;
}

/******** [ standardForm ] *********/
form { color: #fff; }

form > ul{
	margin: 0px auto 20px auto;
	border: none;
	border-top: 1px solid #666666;
	background: url(/dbjedi/templates/odyssey/images/box_holocron_content_background.png);
	list-style-type: none;
	padding: 5px;
}

form > ul li {
	border-bottom: 1px dotted #333;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0.3em;
}

form legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	padding-left: 0;
	color: #FFF
}
	
form label{
	float: left;
	font-weight: bold;
	width: 10em;
	text-align: left;
	padding-right: 5px;
}

form input,
form select,
form textarea{ margin-left: 0.2em; }

form button{ margin-left: 10.2em; }

form label.required {
	color: yellow;
	font-weight: bold;
	font-style: normal;
}

form li.top label{
	border-bottom: 1px solid #333;
  display: block;
  float: none;
	margin-bottom: 0.5em;
	text-align: left;
	width: auto;
}

form li.top input, 
fieldset li.top select, 
fieldset li.top textarea{
  clear: both;
  margin-left: 10em;
}

form li.dates select{
  clear: both;
  margin-left: 2px;
}

form p.optionsTitle {
	font-weight: bold;
	font-size: 1em;
	margin-top: 0px;
}

.standardFormMessage {
	text-align: center;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 10px;
	font-size: 1em;
	font-weight: bold;
}

.messages,
.message{
	padding: 0.5em;
}

.message-alert,
.message-messages{
	background: #267be1;
	border: 1px solid #47b1f9;
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.success{color: green; font-weight:bold;}

.message-success,
.message-successes{
	background: #446742;
	border: 1px solid #63bf5f;
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.message-fail,
.message-errors{
	background: #983d3d;
	border: 1px solid #cc4343;
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/********* [ requestForm ] ***********/
form.request-form div.request {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

form.request-form div.request-title {
	width: 99%;
	margin: 0px;
	padding: 3px;
	background-color: #333333;
	font: normal normal bold 14px Arial, Verdana, Sans-Serif;
	color: #fff;
	font-size: 1em;
}

form.request-form div.request-title img {
	vertical-align: middle;
}

form.request-form ul.command-menu {
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	width: 99%;
	list-style-type: none;
	margin-top: 7px;
	padding-bottom: 3px;
}
	
form.request-form ul.command-menu li {
	display: inline;
	vertical-align: middle;
}
	
form.request-form ul.command-menu li input {
	vertical-align: middle;
}

form.request-form div.request-content {
	width: 99%;
	border-top: 1px dashed #ccc;
	padding: 5px;
}
	
form.request-form div.request-content div.details {
	margin-left:15px;
	margin-top:3px;
	margin-bottom: 15px;
}
	
form.request-form div.request-content p.details-title {
	margin-top: 0px;
	font-weight: bold;
}
	
form.request-form a.title {
	text-decoration: none;
}
	
form.request-form img.icon {
	vertical-align: middle;
}
	
form.request-form div.information {
	margin-left:15px;
	margin-top:3px;
	margin-bottom: 15px;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	background-color: #0f0f0f;
	padding: 5px;
}

.ac_input {
	width: 180px;
}

.ui-autocomplete-results {
	padding: 0px;
	border: 1px solid #000;
	background-color: #000;
	overflow: hidden;
}

.ui-autocomplete-results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ui-autocomplete-results iframe {
	border: none;
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ui-autocomplete-results li {
	margin: 0px;
	padding: 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 1em;
	overflow: hidden;
	color: #ddd;
}

.ui-autocomplete-results strong{
	border-bottom: 1px dotted #666;
	color: #fff;
}

.ui-autocomplete-even{
	background: #333;
}

.ui-autocomplete-odd{
	background: #444;
}

.ui-autocomplete-loading {
	background : url(/dbjedi/templates/images/icons/loading2.gif) right center no-repeat;
	background-color: #ccc;
}
.ui-autocomplete-over {
	background-color: #000;
}

.member-autocomplete{
	background: #000;
	border: 1px solid #236066;
	color: #999;
	font-weight: normal;
	margin-right: 0.2em;
	padding: 3px;
}

.autocomplete-submit{
	background: #333;
	border: 1px solid #555;
	color: #eee;
	font: xx-small Arial, Helvetica, sans-serif;
	padding: 3px;
}

/********* [ Avatars ] ***********/
#avatar-selector{
	float: none;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
}
	
#avatar-selector ul{
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0;
}

#avatar-selector ul li{
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
}

#avatar-selector ul label{
	display: block;
	float: left;
	font-weight: bold;
	margin: 0 5px 0 0;
}

#avatar-selector .preview{
	float: left;
	font-size: 0.8em;
	width: 500px;
}

#avatar-selector option{padding-right: 10px;}

form#avatar-selector fieldset{}

#avatar-selector .preview{
	margin-top: 20px;
	text-align: center;
}

#avatar-selector .preview img{
	width: 200px;
	height: 200px;
}

#avatar-selector .preview-button{margin-right: 10px;}

/************** logos *************/
.logo{
	background-image: url(/dbjedi/templates/images/logos/logos.gif);
	height: 100px;
	width: 100px;
	vertical-align: middle;
}

.logo-small{
	background-image: url(/dbjedi/templates/images/logos/logos-small.gif);
	height: 32px;
	width: 32px;
}

.logo-small-arcona{background-position: 0 -32px;}
.logo-small-naga_sadow{background-position: 0 -64px;}
.logo-small-plagueis{background-position: 0 -96px;}
.logo-small-scholae_palatinae{background-position: 0 -128px;}
.logo-small-taldryan{background-position: 0 -160px;}
.logo-small-tarentum{background-position: 0 -192px;}
.logo-small-revan{background-position: 0 -224px;}

/************** Search *************/
form.search{margin-bottom: 1em;}

.search-options,
.form-options{
	margin-bottom: 1em;
}

.form-options .options{
	float: right;
}

/************* Footer **************/
#copy{
	clear: both;
	color: #999;
	padding-top: 30px; 
	text-align: center;
}

/*********** Items ***********/
.rarity_common .name{color: #fff;}
.rarity_uncommon .name{color: #80f535;}
.rarity_rare .name{color: #68cafc;}
.rarity_special .name{color: #c3a2fc;}
.rarity_exceptional .name{color: #fefa3f;}
.rarity_ultra-rare .name{color: #e77226;}
.rarity_personal .name{color: #f00;}
.rarity_award .name{color: #e6d587;}
.rarity_order .name{color: #ddd;}

.key{
	clear: both;
	font-size: 0.8em;
	margin-top: 1em;
}
.key .rarity{padding: 0.5em;}

select .rarity, .key .rarity{color: #000;}
select .rarity_common, .key .rarity_common{          background: #fff;}
select .rarity_uncommon, .key .rarity_uncommon{      background: #80f535;}
select .rarity_rare, .key .rarity_rare{              background: #68cafc;}
select .rarity_special, .key .rarity_special{        background: #c3a2fc;}
select .rarity_exceptional, .key .rarity_exceptional{background: #fefa3f;}
select .rarity_ultra-rare, .key .rarity_ultra-rare{  background: #e77226;}
select .rarity_personal, .key .rarity_personal{      background: #f00;}
select .rarity_award, .key .rarity_award{            background: #e6d587;}
select .rarity_order, .key .rarity_order{            background: #ddd;}

.paperdoll{
	position: relative;
	width: 450px;
}

.paperdoll td{padding: 0.25em;}

.paperdoll .cloak{
}

.paperdoll .armor{
}

.paperdoll .amulet{
	left: 300px;
}

.paperdoll .lcontainer{
}

.paperdoll .mcontainer1{margin-bottom: 0.5em;}
.paperdoll .scontainer1{margin-bottom: 0.5em;}

.paperdoll .slung{
}

.paperdoll .scontainer2{
	float: right;
	margin-bottom: 0.5em;
}

.paperdoll .mcontainer2{margin-bottom: 0.5em;}

.paperdoll .ring1{
}

.paperdoll .ring2{
}

.paperdoll .backpack{
}

/*    Roll     */
.units{
	margin-left: 0;
}

.units ul{
	clear: both;
}

.units .options{
	float: right;
}

.units > .list{
	margin-bottom: 1em;
}

.units > .list > .options{
	padding-top: 0.5em;
}

.unit{
	clear: both;
	padding-bottom: 0em;
}

.units .item > .unit-sub{
	margin-bottom: 1em;
}

.units .logo-small{margin-right: 0.5em;}
.units .leaders{color: #666;font-size: 0.9em;font-weight: normal;}
.units .leaders a{color: #999;}

.unit-sub .unit-sub{
	margin-bottom: 0.25em;
	margin-left: 2em;
	margin-top: 1em;
}

.units h2{
	background: #292929;
	border: none;
	color: #999;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0.5em 0;
}

.units h2 a,
.units h3 a,
.units h4 a{
	text-decoration: none;
}

.units h2 a:hover,
.units h3 a:hover,
.units h4 a:hover{
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

.units ul.data{margin-bottom: 1em;}

ul.data li{
	clear: both;
	margin: 0.5em 0;
}

ul.data li.spacer{font-size: 0.5em;}

ul.data li label{
	float: left;
	font-weight: bold;
	margin-right: 0.5em;
	width: 10em;
}

.loa{color:yellow;}

ul.wide-label li label{
	width: 25em;
}

/****** History *******/
#history_edit input,
#history_edit select{
	width: 20em;
}

#history_edit textarea{
	width: 35em;
}

/******** Graph ********/
#graph{

}

/***** ID Line *****/
.idline{font-family: tahoma, arial, sans-serif;}

.idline div{
	margin-bottom: 0.5em;
}

.idline-primary{font-weight: bold;}
.idline-course,
.idline-medal{font-size: 0.8em;}

.idline .society{color: #FFCC66;font-size: 0.8em;}

/******** Dossier Summary *********/