/* SEE BOTTOM OF STYLESHEET FOR STYLE FORMATTING CLASSES  */
/* --- Outline Panel --------------- */
.opt {
	margin: 4px;
	padding: 0;
	background: #697C85;
/*	clear:both;*/ 
}

/*
   There is a creeping margin bug in IE6. Adding this class to
	me_gui_OutlinePanel fixes the problem
	Johnn - Oct 2007
*/
.opt-ie-fix {
	width: 759px;
}

/* top caption 
   - appears before/outside of the .opt DIV 
*/ 
h3.opt-caption-top {
	color: #4A494A;
	margin: 0.4em 0.4em 0.4em 0.8em;
	padding: 0;
	font-weight: bold;
}
.opt-head {
	background: url(/_commonext/themes/masseffect/default/images/outlinepanel_transparent_right_837x610.gif) top right no-repeat;
}
.opt-title {
	margin: 0;
	padding: 4px 8px;
	background: url(/_commonext/themes/masseffect/default/images/outlinepanel_transparent_left_610x16.gif) top left no-repeat;		
	position: relative;
	top:0;	
}
.opt-title h2,
.opt-title h3,
.opt-title h4,
.opt-title h2 {
	margin: 0.3em 0;
	padding: 0;
}
ul.opt-title-nav {
	font-size: 85%;
	position: absolute;
	right: 20px;
	top: 1em;
	margin: 0;
	list-style: none;
}
ul.opt-title-nav li {
	display: inline;
	padding: 0 6px;
}
.opt-contents {
	margin: 0;
	clear: both;	
	border-right: 1px solid #87AAB9;
	border-left: 1px solid #87AAB9;
	padding: 2px 5px;
}
.opt-foot {
	clear: both;
	margin: 0;
	padding: 0 0 0 8px;
	background: url(/_commonext/themes/masseffect/default/images/outlinepanel_transparent_left_610x16.gif) bottom left no-repeat;			
}
.opt-foot .opt-foot-bod {
	padding: 2px 8px 2px 0;
	margin: 0;
	font-style: normal;
	background: url(/_commonext/themes/masseffect/default/images/outlinepanel_transparent_right_837x610.gif) bottom right no-repeat;
}
/* ---------------------- */
/* Poll variant  */
.opt-poll {
	margin: 5px 0 5px 20px;
	position: relative;
}
.opt-poll label,
.opt-poll p {
	font-size: 0.9em;
	line-height: 1.2em;
	display: block;
	clear: both;
	padding: 0;
	margin: 0.8em 0 0.7em 0;
}
.opt-poll input {
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0;
}
.opt-poll .opt-head {
	background-color: #596369;
	border-bottom: 1px solid #87AAB9;	
	color: #fff;
}
.opt-poll .poll-submit {
	width: 50%;
	display: block;
	margin: 0 auto;
	float: none;
}
/* left padding for all content elements */
.opt-poll .opt-title {
	padding-left: 67px;
}
.opt-poll .poll-portrait {
	margin: 2px;
	position: absolute;
	top: -18px;
	left: -18px;
	z-index: 100;
}
.opt-poll p.poll-question {
	padding-left: 50px;
	font-weight: bold;
}
.opt-poll .opt-contents {
	padding-left: 15px;
}
.opt-poll .opt-foot-bod {
	padding-left: 7px;
}

.opt-poll-arch {
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 480px !important;
}

/* ---------------------- */
/* Tab headers */
ul.opt-tablist {
	list-style: none;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #758A94 url(/_commonext/themes/masseffect/default/images/outlinepanel_tab_bottomrule_43x1.gif) repeat-x bottom left;
}
/* default (on light bg) */
ul.opt-tablist li {
	font-weight: bold;
	float: left;
	padding: 0 0 0 5px;
	background: #697C85 url(/_commonext/themes/masseffect/default/images/outlinepanel_lightbg_tab_left_38x174.gif) no-repeat top left;
	margin: 0 3px 0 0;
	border-bottom: 1px solid #87AAB9;	
}
ul.opt-tablist li a {
	float: left;
	display: block;
	color: #FFF;
	margin: 0;
	padding: 4px 15px 0 0;
	background: #697C85 url(/_commonext/themes/masseffect/default/images/outlinepanel_lightbg_tab_right_226x174.gif) no-repeat top right;	
	text-decoration: none;
}

ul.opt-tablist li a img {
	vertical-align:middle;
}
/* dark bg */
ul.opt-tablist.opt-tabs-darkbg {
	background-color: #697C85;
}
ul.opt-tablist.opt-tabs-darkbg li
{
	background-image: url(/_commonext/themes/masseffect/default/images/outlinepanel_darkbg_tab_left_38x174.gif);
	background-color: #607781;
}
ul.opt-tablist.opt-tabs-darkbg li a
{
	background-image: url(/_commonext/themes/masseffect/default/images/outlinepanel_darkbg_tab_right_226x174.gif);
	background-color: #607781;	
}
/* selected/hover tab styles */
ul.opt-tablist li a:hover {
	text-decoration: underline;
}
ul.opt-tablist li.selected {
	border-bottom: 1px solid #596369;	
}
ul.opt-tablist li.selected,
ul.opt-tablist li.selected a {
  	color: #FFCC66;
	background-color: #596369; 	
}

/* TAB BODY */
.opt-content-tabpane {
	clear: none;
	background: #596369;
}

/* ************************ */
/* shadedpanel */
.shp {
	background-color: #5E6F77;
	margin: 2px;
	padding: 0;
}
.shp-bod {
	padding: 0 5px;
}
.shp-top { 
	background: url(/_commonext/themes/masseffect/default/images/shp_topright_5x5.gif) no-repeat top right; 
}
.shp-bott {
	background: url(/_commonext/themes/masseffect/default/images/shp_bottright_5x5.gif) no-repeat top right; 
}
img.shp-corner {
   width: 5px;
   height: 5px;
   border: none;
   display: block !important;
}

/* ----------------------- */
/* GLOW PANEL .gp          */
/* ----------------------- */
.gp {
	width: 773px;
	background: #758A94 url(/_commonext/themes/masseffect/default/images/glowpanel_bodybg_773x11.gif) repeat-y top left;
	margin: 0 auto 5px auto;
	padding: 0;
	clear: both;
}
.gp-title {
	position: relative;
	width: 773px;
	margin: 0;
	background: #FFF url(/_commonext/themes/masseffect/default/images/glowpanel_titlebg_773x126.gif) no-repeat bottom;
	color: #4A596E;
}

.gp-title a, .gp-title a:link {
	color: #4A596E;
}
.gp-title a:visited {
	color: #232a34;
}

.gp-title a:hover, gp-title a:active {
	color: #FFF;
}
.gp-title h2 {	
	background: url(/_commonext/themes/masseffect/default/images/glowpanel_titletop_773x9.gif) top no-repeat;	
	margin: 0;
	padding: 0.6em 10px 0.4em 10px;;
	color: #4A596E;
}
/* with breadcrumb trail */
.gp-title h2.bct {
	padding-top: 2em;
	padding-bottom: 1.5em;
}
p.gp-title-navtrail {
	font-size: 0.9em;
	position: absolute;
	left: 10px;
	top: 5px;
	margin: 0;

}
ul.gp-title-nav {
	font-size: 0.9em;
	position: absolute;
	right: 20px;
	bottom: 25%;
	margin: 0;
	list-style: none;
}
ul.gp-title-nav li {
	display: inline;
	padding: 0 6px;
}
.gp-contents {
	clear: both;
	width: 767px;
	padding: 3px 3px 10px 3px;
	color: #D0DBE0;
	background: url(/_commonext/themes/masseffect/default/images/glowpanel_footer_773x10.gif) bottom left no-repeat;
}
/* --- General Formatting classes --------------- */
.opt-bott-rule {
	border-bottom: 1px solid #87AAB9;
}
.opt-top-rule {
	border-top: 1px solid #87AAB9;	
}
.opt-width-twothirds {
	width: 490px;
	float: left;
}
.opt-width-onethird {
	width: 242px;
	float: left;
}
.opt-width-half {
	width: 370px;
	float: left;
}
.opt-very-dark {
	background-color: #52575B !important;
}
.opt-dark {
	background-color: #596369;
}
/* default panel color */
.opt-med {
	background-color: #697C85;
}
.opt-bright {
	background-color: #a8cdd6;
}
.opt-nopad {
	padding: 0;
}


/* Small Panels i.e. Codex Index page */
.sp {
	width: 360px;
	float: left;
	margin: 5px;
	display: inline;
	padding: 0;
/*	position: relative;*/
}
.sp-right {
/*clear: both;*/
}
.sp h3 {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	margin: 0;
	padding: 2px 0 2px 5px;
	background: url(/_commonext/themes/masseffect/default/images/outlinepanel_small_head_360x21.jpg) top left no-repeat;
}
.sp h3 a {
	color: #FFF;
	text-decoration: none;
}

.sp .body {
	background: url(/_commonext/themes/masseffect/default/images/outlinepanel_small_new_bg_14x55.jpg) top left repeat-x;
	background-color: #697C85;
	margin: 0;
	padding: 10px;
}
.sp .body img.cdx-frame {
	margin: 3px 7px 0 0;
	border: 0;
	float: left;
	background-repeat: no-repeat;
	background-position: 1px;
}
.sp .foot {
	margin: 0;
	height: 5px;
	width: 360px;
	padding: 0;
	border: 0;
	/*border-bottom: 1px solid #87AAB9;*/
	background-color: #697C85;
}

/* new codex index page entries */
.cdx-idx li {
	font-size: 12px;
}
.cdx-idx li a {
	font-weight: bold;
	text-decoration: none;
}


.cdx-new h3 {
	background: url(/_commonext/themes/masseffect/default/images/outlinepanel_small_new_head_360x22.jpg) top left no-repeat;
	color: #494B4E;
}
.cdx-new h3 a {
	color: #494B4E;
	text-decoration: none;
}
.cdx-new .body {
	border-right: 1px solid #FFCC66;
	border-left: 1px solid #FFCC66;
}
.cdx-new .foot {
	border: 0;
	background: url(/_commonext/themes/masseffect/default/images/outlinepanel_small_new_foot_360x5.jpg) top left no-repeat;	
}


/* Codex - PrC1 Landing Page */
#opt-prc1 {
	padding: 0;
}