a {
  text-decoration:none;
  font-weight:bold;
	color:#000080;
}
a:hover {
  text-decoration:none;
	color:#7f7fbf;
}

p {margin:5px 0 0 0; padding:5px 0 0 0;}
img { border-color:#ffffff; border:none;}

body
{
	font-family: Verdana, Geneva, Arial, Helvetica;
	/*background-color: rgb(255, 255, 153);*/
	color:#808080;
	font-size:small;
	margin:0;
	padding:0;
	line-height: 1.5em;
}

ul,li {
  list-style:none;
}

h1, h2, h3, h4, h5, h6
{}
h1{	font-size:xx-large;	text-align:center;}
h2{	font-size:x-large;}
h3{	font-size:large;}
h4{	font-size:medium;}
h5{}
h6{}

html, body {
	background-color:#191919;
    height:100%;
}

#outer-frame{
	position:relative;
    height:100%;
	width:100%;
	background-color:#191919;
	text-align:center;
	margin:0 auto;
	border:none 1px #f00;
	}
#top-graphic-frame{
	position:relative;
	width:100%;
    height:100%;
	text-align:left;
	margin:auto;
	border:none 1px #006;
}

#middle-graphic-frame{
    position:absolute;
    height:auto; /* auto */
    width:100%;
    bottom:0px;
    top:0px;
    left:0;
    right:0;
    margin-top:80px;
    margin-bottom:50px;
    margin-right:0px;
    margin-left:0px;	
    text-align:left;
	border:none 1px #00f;
}

#footer-margin{
	position:relative;
    height:100px;
    clear:both;
	border:none 1px #f00;
}

#bottom-graphic-frame{
    position: absolute;
    bottom: 0px;
    left:0px;
	width:100%;
	height:50px;
	text-align:left;
	margin:auto;
	border:none; border-width:1px;border-color:#006;
}

#top-frame{
	width:100%;
	margin:auto;
	border:none; border-width:1px;border-color:#006;
}
#bottom-frame{
	width:100%;
	margin:auto;
	padding:0;
	text-align:center;
}

#middle-frame{
    position:absolute;
    top:0;left:0;bottom:0;right:0;
    width:100%;height:100%;
    margin:0px;
    padding:0px;
	border:none 1px #0f0;
}



.page-login {
	/* border-bottom: solid #a00000 5px; */
    height:20px;
    padding-right:10px;
}
.page-login, .page-login a:link, .page-login a:visited {
	background-color:#191919;
	color:#bfbfbf;
}

.page-header {
	position:relative;
	width:100%;
    height:50px;
	margin: 0px auto;
	text-align:center;
	background-color:#191919;
	background-repeat:no-repeat;
}
.page-header .logo {
    text-align:left;
}
.xlogin {
    position:relative;
	text-align:right;	
	font-weight:bold;
	font-size:small;
	width:100%;
	color:#bbb;
}

.xlogin a:link, .xlogin a:visited{
	font-weight:bold;
	font-size:small;
	color:#bbb;
}
.xlogin a:hover, .xlogin a:active{
	font-weight:bold;
	font-size:small;
	color:#fff;
}

 

#footer{
clear: left;
width: 100%;
text-align: center;
padding: 4px 0;

}

.footer2{
    font-size:.9em;
	border-top:solid 1px #818181;
	border-bottom:solid 1px #818181;
	color:#999999;
}
.footer2 a {
    color:#999999;
    font-weight:bold;
}

    
.footer3 {
	color:#a6a6a6;
    font-size:.7em;
    font-weight:bold;
}


.dlg-form-main{
	position:relative;
	text-align:left;
	margin:20px 0;
	background-color:#fbfbfb;
	border: solid #bfbfbf 5px;
    x-webkit-box-shadow: 10px 10px 10px #888;
    x-moz-box-shadow: #888 10px 10px 10px;
    -moz-border-radius : 15px;
    -webkit-border-radius: 15px;
}

.dlg-form-main-icon{
	display:none;
}

.dlg-form-main-top{
	height:30px;
	padding:10px;
	font-weight:bold;
	font-size:x-large;
	color:#bfbfbf;
    font-family: Verdana, sans-serif;
    x-moz-text-shadow: 4px 4px 4px #444;
}
.dlg-form-main-a1{
    display:none;
    width:20px;
    height:20px;
    margin: 0 5px;
    background-color:#a6a6a6;
}
.dlg-form-main-a2{
    display:none;
    width:10px;
    height:20px;
    margin: 0 5px;
    background-color:#bfbfbf;
}

.dlg-form-main-middle{
	min-height:60px;
	padding:10px;
	color:#404040;
}

.dlg-form-main-bottom{
	height:10px;
	padding:10px;
	font-weight:bold;
	font-size:smaller;
	text-align:right;
	color:#8c8c8c;
}
.dlg-form-main-bottom a {
	color:#19198c;
}

.dlg-form-detail{
	position:relative;
	text-align:left;
	margin:20px 0;
	background-color:#f2f2f2;
	border: solid #d8d8d8 5px;
    x-webkit-box-shadow: 10px 10px 10px #888;
    x-moz-box-shadow: #888 10px 10px 10px;
    -moz-border-radius : 10px;
    -webkit-border-radius: 10px;
}

.dlg-form-detail-icon{
	display:none;
}

.dlg-form-detail-top{
	height:20px;
	padding:10px;
	font-weight:bold;
	font-size:large;
	color:#b2b2b2;
}

.dlg-form-detail-middle{
	min-height:60px;
	padding:10px;
	color:#404040;
}

.dlg-form-detail-bottom{
	height:10px;
	padding:10px;
	font-weight:bold;
	font-size:smaller;
	text-align:right;
	color:#8c8c8c;
}
.dlg-form-detail-bottom a {
	color:#8c8c8c;
}

.dlg-info-main{
	position:relative;
	text-align:left;
	margin:20px 0;
    font-family: Palatino Linotype, Book Antiqua, Palatino, Georgia, serif;
}

.dlg-info-main-icon{
	color:#ff4;
	width:20px;
	display:none;
	float:left;
	text-align:center;
}

.dlg-info-main-top{
	height:20px;
	padding:0px 10px 0px;
	font-weight:bold;
	font-size:large;
	border-bottom: solid #000080 1px;
	background-color:#ffffff;
	color:#000080;
	
}

.dlg-info-main-middle{
	padding:0 20px;
	background-color:#ffffff;
	color:#404040;
}

.dlg-info-main-bottom{
	height:20px;
	padding:0px 20px 0;
	font-weight:bold;
	font-size:smaller;
	text-align:right;
	border-top: solid #000059 1px;
	background-color:#ffffff;
	color:#19198c;
}
.dlg-info-main-bottom a {
	color:#a91919;
}
.dlg-info-main h3{	font-size:large; font-weight:bold}
.dlg-info-main h4{	font-size:large; }

.dlg-info-detail h3{	font-size:medium; font-weight:bold}
.dlg-info-detail h4{	font-size:medium; }

.dlg-info-detail{
	position:relative;
	text-align:left;
	margin:20px 0;
    font-family: Palatino Linotype, Book Antiqua, Palatino, Georgia, serif;
}

.dlg-info-detail-icon{
	color:#ff4;
	width:20px;
	display:none;
	float:left;
	text-align:center;
}

.dlg-info-detail-top{
	padding:0px 10px;
	border-top: solid #808080 1px;
	background-color:#fcfcfc;
	color:#808080;
}

.dlg-info-detail-middle{
	padding:0 10px 0;
	background-color:#ffffff;
	color:#808080;
}

.dlg-info-detail-bottom{
	xheight:20px;
	padding:0px 10px;
	font-weight:bold;
	font-size:smaller;
	text-align:right;
	border-bottom: solid #000080 1px;
	background-color:#f9f9fc;
	color:#000080;
    font-family: Verdana, Geneva, Arial, Helvetica;
}
.dlg-info-detail-bottom a {
	color:#000080;
}

.dlg-panel-main{
	position:relative;
	text-align:left;
	margin:20px 0;
}

.dlg-panel-main-icon{
	color:#ff4;
	width:20px;
	display:none;
	float:left;
	text-align:center;
}

.dlg-panel-main-top{
	height:20px;
	padding:0px 10px 0px;
	font-weight:bold;
	border-top: solid #000059 1px;
	border-bottom: solid #000059 1px;
	background-color:#f9f9fc;
	color:#19198c;
}

.dlg-panel-main-middle{
	min-height:60px;
	padding:0 20px;
	background-color:#ffffff;
	color:#404040;
}

.dlg-panel-main-bottom{
	height:20px;
	padding:0px 20px 0;
	font-weight:bold;
	font-size:smaller;
	text-align:right;
	border-top: solid #700000 1px;
	border-bottom: solid #700000 1px;
	background-color:#fdf9f9;
	color:#a91919;
}
.dlg-panel-main-bottom a {
	color:#a91919;
}

.dlg-panel-detail{
	position:relative;
	text-align:left;
	margin:20px 0;
	border: solid #bfbfbf 5px;
    -moz-border-radius : 15px;
    -webkit-border-radius: 15px;
}

.dlg-panel-detail-icon{
	color:#ff4;
	width:20px;
	display:none;
	float:left;
	text-align:center;
}

.dlg-panel-detail-top{
	height:30px;
	padding:10px 10px 0 10px;
	font-weight:bold;
    font-size:1.25em;
	xborder-top: solid #000059 1px;
	xborder-left: solid #000059 1px;
	background-color:#f2f2f2;
	color:#999999;
    -moz-border-radius-topleft : 10px;
    -moz-border-radius-topright : 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

.dlg-panel-detail-middle{
	min-height:60px;
	padding:0 20px;
	background-color:#ffffff;
	color:#404040;
}

.dlg-panel-detail-bottom{
	height:20px;
	padding:0px 20px 0;
	font-weight:bold;
	font-size:smaller;
	text-align:right;
	xborder-right: solid #700000 1px;
	xborder-bottom: solid #700000 1px;
	background-color:#ffffff;
	color:#19198c;
    -moz-border-radius : 10px;
    -webkit-border-radius: 10px;
}
.dlg-panel-detail-bottom a {
	color:#19198c;
}

.dlg-doc-main{
	position:relative;
	text-align:left;
	margin:20px 0;
    font-family: Times New Roman, Times, Serif;
}

.dlg-doc-main-icon{
	color:#ff4;
	width:20px;
	display:none;
	float:left;
	text-align:center;
}

.dlg-doc-main-top{
	height:20px;
	padding:0px 10px 0px;
	font-weight:bold;
	font-size:x-large;
	border-top: solid #595959 1px;
	border-left: solid #595959 1px;
	background-color:#ffffff;
	color:#8c8c8c;
}

.dlg-doc-main-middle{
	min-height:60px;
	padding:0 20px;
	background-color:#ffffff;
	color:#808080;
}

.dlg-doc-main-bottom{
	height:20px;
	padding:0px 20px 0;
	font-weight:bold;
	font-size:smaller;
	text-align:right;
	border-right: solid #595959 1px;
	border-bottom: solid #595959 1px;
	background-color:#ffffff;
	color:#a91919;
	font-family: Verdana, Geneva, Arial, Helvetica;
}
.dlg-doc-main-bottom a {
	color:#a91919;
}

.dlg-doc-detail{
	position:relative;
	text-align:left;
	margin:20px 0;
    font-family: Times New Roman, Times, Serif;
}

.dlg-doc-detail-icon{
	color:#ff4;
	width:20px;
	display:none;
	float:left;
	text-align:center;
}

.dlg-doc-detail-top{
	height:20px;
	padding:0px 10px 0px;
	font-weight:bold;
	font-size:large;
	border-top: solid #595959 1px;
	border-left: solid #595959 1px;
	background-color:#ffffff;
	color:#8c8c8c;
}

.dlg-doc-detail-middle{
	min-height:60px;
	padding:0 20px;
	background-color:#ffffff;
	color:#808080;
}

.dlg-doc-detail-bottom{
	height:20px;
	padding:0px 20px 0;
	font-weight:bold;
	font-size:smaller;
	text-align:right;
	border-right: solid #595959 1px;
	border-bottom: solid #595959 1px;
	background-color:#ffffff;
	color:#a91919;
	font-family: Verdana, Geneva, Arial, Helvetica;
}
.dlg-doc-detail-bottom a {
	color:#a91919;
}

.dlg-nav{
	position:relative;
	text-align:left;
	margin:20px 0;
}

.dlg-nav-icon{
	color:#ff4;
	width:20px;
	display:none;
	float:left;
	text-align:center;
}

.dlg-nav-top{
	height:20px;
	font-weight:bold;
	font-size:large;
	background-color:#ffffff;
	color:#000080;
}

.dlg-nav-middle{
	min-height:60px;
	margin:5px;
	padding: 5px;
	background-color:#ffffff;
	color:#000080;
	border-left: solid #000080 5px;
}

.dlg-nav-bottom{
	height:20px;
	font-weight:bold;
	font-size:smaller;
	text-align:right;
	background-color:#ffffff;
	color:#000080;
}
.dlg-nav-middle a {
	color:#000080;
}

.css-shout{
	position:relative;
	text-align:left;
	margin:20px 0;

	font-weight:bold;
	font-size:large;
}

.css-shout-icon{
	color:#fff;
	width:20px;
	display:block;
	float:left;
	text-align:center;
}

.css-shout-top{
	height:20px;
	padding:0px 0px 0px;
	border-width:20px;border-color:#88c;
	border:none;border-left:solid;
	background-color:#dde;
	color:#dde;
}

.css-shout-middle{
	min-height:60px;
	padding:0 20px;
	border-width:20px;border-color:#88c;
	border:none;border-left:solid;
	background-color:#dde;
}

.css-shout-bottom{
	height:20px;
	padding:0px 20px 0;
	font-weight:bold;
	font-size:smaller;
	text-align:right;
	background-color:#fff;
	color:#006;
}

.css-image{
	position:relative;
	text-align:right;

	border-width:2px;border-color:#222;
	border:solid;
	background-color:#444;
	color:#ccc;
}

.css-image-icon{
	width:20px;
	display:none;
}

.css-image-top{
	height:5px;
}

.css-image-middle{
	min-height:60px;
}

.css-image-bottom{
	height:20px;
	font-weight:bold;
	font-size:medium;
}

.css-widget{
	position:relative;
	text-align:left;
	margin:30px 0;
	border-width:2px;border-color:#222;
	border:solid;
	background-color:#444;
	color:#ccc;
}

.css-widget-icon{
	width:20px;
	display:none;
}

.css-widget-top{
	height:5px;
}

.css-widget-middle{
	min-height:60px;
}

.css-widget-bottom{
	height:20px;
	font-weight:bold;
	font-size:medium;
}


.menu.main{
font-weight: bold;
width: 100%;
}

.menu.main ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/
}

.menu.main ul li{
display: inline;
}

.menu.main ul li a{
color: #888;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid #888; /*bottom border is 3px*/
}

.menu.main ul li a:hover, .menu.main ul li a.selected{
color: #ddd;
border-bottom-color: #ddd;
}

.menu.footer{
font-weight: bold;
width: 100%;
}

.menu.footer ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/
}

.menu.footer ul li{
display: inline;
}

.menu.footer ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
}

.menu.footer ul li a:hover, .menu.footer ul li a.selected{
color: #888;
}



/* http://particletree.com/features/rediscovering-the-button-element/ */
.buttons {
}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#ffffff;
    border:1px solid #000066;
    border-top:1px solid #000088;
    border-left:1px solid #000088;

    /* font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; */
    font-size:100%;
    line-height:100%;
    text-decoration:none;
    /* font-weight:bold; */
    color:#000066;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:3px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
     padding:3px 10px 2px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:3px 10px 2px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#eee8ff;
    border:1px solid #000099;
    color:#000099;
}
.buttons a:active{
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* SELECTED */

.buttons a.selected, button.selected{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.selected:hover, button.selected:hover{
}
.buttons a.selected:active{
}

/* FILMSTRIP */

.buttons a.filmstrip, button.filmstrip{
    background-color:#333;
    border:1px solid #888;
    color:#888;
}
.buttons a.filmstrip:hover, button.filmstrip:hover{
    background:#444;
    border:1px solid #aaa;
    color:#aaa;
}
.buttons a.filmstrip:active{
    background:#444;
    border:1px solid #aaa;
    color:#aaa;
}

/* Context Menu Navigation */

.nav-buttons a {
    display:block;
    margin:0 0 0 7px;
    border:2px solid #595959;
    background-color:#8c8c8c;
    color:#f2f2f2;

    /* font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; */
    font-size:100%;
    font-weight:bold;
    line-height:100%;
    text-decoration:none;
    /* font-weight:bold; */
    cursor:pointer;
    padding:4px 4px 4px 4px; /* Links */
    
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.nav-buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

.nav-buttons a:hover{
    border:2px solid #404040;
    background-color:#f2f2f2;
    color:#404040;
}
.nav-buttons a:link{
    xcolor:#f2f2f2;
}

/******** New stuff ***************/
.box-link{
  display:block;
  color:#000;
	background-color:#eee;
	border: solid #000 1px;
	cursor:pointer;
	width:100%;
  padding: 0 3px;
}
.box-link.active{
  border:none;
}
.box-link.disabled{
  color:#999;
  border:none;
	cursor:default;
}
.box-link.on{
	color : #222;
  border:none;
  filter:alpha(opacity=99);
	opacity: 0.99;	
	cursor:default;
}
.box-link.off{
  color:#888;
  border:none;
  filter:alpha(opacity=80);
	opacity: 0.8;
	cursor:default;
}
.box-link.error{
  color:#a00;
  border:none;
  filter:alpha(opacity=99);
	opacity: 0.99;	
	cursor:default;
}
.box-link-icon{
    float:left;
    width:50px;
    text-align:center;
    margin: 3px auto;
}
.box-link-icon.s32{
    width:40px;
    text-align:center;
    margin: 10px;
    float:left;
    text-align:left;
}
.box-link-icon.s22{
    width:30px;
    text-align:center;
    margin: 7px;
    float:left;
    text-align:left;
}
.box-link-icon.s16{
    width:20px;
    text-align:center;
    margin: 7px;
    float:right;
    text-align:right;
}
.box-link-icon.s12{
  display:none;
}

.box-link-text{
    float:left;
    font-size:32px;
    line-height:32px;
    text-align:left;
    margin: 3px auto;
}
.box-link-text.s32{
    font-size:24px;
    line-height:36px;
    margin: 10px;
    float:left;
    text-align:left;
}
.box-link-text.s22{
    font-size:16px;
    line-height:28px;
    margin: 7px;
    float:left;
    text-align:left;
}
.box-link-text.s16{
    font-size:12px;
    line-height:24px;
    margin: 3px;
    float:right;
    text-align:right;
}
.box-link-text.s12{
    font-size:10px;
    line-height:16px;
    margin: 2px;
    float:right;
    text-align:right;
}
a.box-link:link {
  color:#aaa;
  text-decoration:none;    
  filter:alpha(opacity=80);
	opacity: 0.8;
  text-decoration:none;
}
a.box-link:visited {color:#aaa;text-decoration:none;}
a.box-link:active {color:#aaa;text-decoration:none;}
a.box-link:hover{
	color : #222;
    text-decoration:none;
	background-color:#ccc;
  filter:alpha(opacity=99);
	opacity: 0.99;	
}






.column{
	width:48%;
	min-height:300px;
	border-style:none;
}
#left-column{
	float:left;
}
#right-column{
	float:right;
}


.hack {display:none;}
* html .hack {float:right;width:1px;height:400px;display:block;}
  

.help
{
    color: rgb(0, 0, 100);
    font-size:xx-small;
    display:block;
}

.note
{
    display:block;
    font-size:.8em;
    color: #000086;
}

.error {color: #FF0000;}



  .flash{
  	text-align:center;
	padding: 5px;
	margin: 10px 0px;
	font-weight:bold;
  }
  .flash.notice{
	color:#000066;
	background-color:#cccce5;
	border: solid #000019 1px;
  }
  .flash.message{
	color:#006600;
	background-color:#cce5cc;
	border: solid #001900 1px;
  }
  .flash.warning{
	color:#000066;
	background-color:#cccce5;
	border: solid #000019 1px;
  }
  .flash.error{
	color:#800000;
	background-color:#eccccc;
	border: solid #200000 1px;
  }
  
.message-bar, .action-bar{
	font-size:smaller;
	text-align:center;
	display:inline;
}	
 .action-bar a:link, .action-bar a:visited { color:#000066;}
 .action-bar a:hover, .action-bar a:active { color:#0000ff;}

.menu-bar{
	font-size:small;
	font-weight:bold;
}	
 .menu-bar a:link, .menu-bar a:visited { }
 .menu-bar a:hover, .menu-bar a:active { }

.menu-bar-rev{
	font-size:small;
	font-weight:bold;
	
}	
 .menu-bar-rev a:link, .menu-bar-rev a:visited { color:#ddf;}
 .menu-bar-rev a:hover, .menu-bar-rev a:active { color:#ddf;}

.menu-divider{
	color:#246;
}

 .headline{
 	margin: 10px 10px 10px 10px;
 }
a .image-thumb { 
 	border-color:#ffffff; 
	border:none;
	}

.image-text{
	color:#aaaaff;
}
.hearts {
	color:#DD0D84;
	font-size:larger;
}

.heading{ font-size:x-large; margin: 30px 0 0px 0; text-align:center;}

.wiki-edit-bar {
	font-size:small;
	font-weight:bold;
	text-align:right;
}
 .wiki-edit-bar a:link, .wiki-edit-bar a:visited { color:#669;}
 .wiki-edit-bar a:hover, .wiki-edit-bar a:active { color:#99c;}


  .notice {
  	padding:10px;
	margin:10px 0;
	background-color:#fcfcfc;
	color:#404040;
	border: solid #bfbfbf 5px;
  }
  .notice h4{
	color:#404040;
  }
  .notice-icon {display:none;}
  .notice-top{
  	color:#bbc;
	font-size:large;
	font-weight:bold;
	margin:20px;
  }
  .notice-middle {
  	margin:20px;
  }
  
  .info {
  	padding:10px;
	margin:10px 0;
  }
  .info-icon {
	display:none;
  }
  .info-top{
	font-size:large;
	font-weight:bold;
	margin:20px;
  }
  .info-middle {
  	margin:20px;
  }
    
.sequence-container{
	position:relative;
	background-color:#f2f2f2;
	color:#f2f2f2;
	border: solid #999999 5px;
    -moz-border-radius : 15px;
    -webkit-border-radius: 15px;
}

.step{
	background-color:#f9f9f9;
	color:#8c8c8c;
	border: solid #bfbfbf 2px;
    -moz-border-radius : 10px;
    -webkit-border-radius: 10px;
    font-weight:bold;
    float:left;
    margin:5px;
    padding:5px;
}
.step-forward{
	background-color:#f2f2f2;
	border: none;
    margin:2px 0;
    padding:2px 0;
}
.step-complete{
	background-color:#bfbfbf;
	color:#666666;
	border: solid #737373 1px;
}
.step-current{
	background-color:#ffffff;
	color:#404040;
	border: solid #404040 1px;
}
.step a {
  text-decoration:none;
	color:#808080;
}

.step-complete a {
  text-decoration:none;
	color:#666666;
}

.step-current a {
  text-decoration:none;
	color:#404040;
}

.doc-box{
    height:200px;width:700px;overflow:auto;
	color:#666666;
	border: solid #bfbfbf 1px;
}


.image-sort{
    border: solid #d8d8d8 3px;
    padding:10px;
    margin:10px;
}

.image-sort.hidden{
    background-color: #d8d8d8;
}

.image-sort.hidden .thumb{
    filter:alpha(opacity=50);
	opacity: 0.5;
}

.icon {
  border:none;
}

a .icon.active{
    filter:alpha(opacity=70);
	opacity: 0.7;
}

.icon.disabled{
    filter:alpha(opacity=20);
	opacity: 0.2;
}

a .icon.active:hover{
    filter:alpha(opacity=99);
	opacity: 0.99;
}

.in_place_editor_field {
    border: solid #b2b2b2 2px;
    background-color: #d8d8d8;
    color: #808080;
    min-width:150px;
    margin: 5px 0;
}

.in_place_editor_field.block {
    height:50px;
    overflow:auto;
}

.inplaceeditor-empty {
    font-style: italic;
    color: #999;
}

.link-preview{
    border: solid #bfbfbf 2px;
    padding:10px;
    margin:10px;
}

.list-item{
    xfont-weight:bold;
    color: #808080;
    background-color: #d8d8d8;
    margin:5px;
    padding:5px;
}

.list-item:hover{
    background-color: #808080;
    color: #bfbfbf;
    cursor:pointer;
}

.list-item.selected{
    background-color: #bfbfbf;
    color: #666666;
    
}

.select-list{
    border: solid #d8d8d8 3px;
    padding:10px;
    margin:10px;
    overflow:auto;
    height:100px;
}
.select-preview{
    border: solid #d8d8d8 3px;
    padding:10px;
    margin:10px;
    overflow:auto;
    height:100px;
}

#content-list {
}

#content-preview {
}

.browse-icon{
  width:100px;
  height: 75px;
  margin:10px;
  float:left;
  
}
.browse-icon img{
  width:100px;
  height: 75px;
}

a .browse-image{
    filter:alpha(opacity=70);
	opacity: 0.7;
}

a .browse-image:hover{
    filter:alpha(opacity=99);
	opacity: 0.99;
}

.page-title-bar{
    position:relative;
    top:0;left:0;
    background-color:#000;
    color:#fff;
	  font-family: Verdana, Geneva, Arial, Helvetica;
    font-size:20px;
    border-bottom:solid 1px #888;
    padding: 5px 20px;    
    margin:0px;
    text-align:left;
    height:20px;
}
.page-title-bar a{
    color:#fff;

}
h1 a{
    color:#fff;

}
.credits-frame a{
  padding:0px 5px;
}