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;
}

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;
    min-height:100%;
	width:100%;
	background-color:#191919;
	text-align:center;
	margin:0 auto;
	border:none 1px #f00;
	}
#top-graphic-frame{
	position:relative;
	width:100%;
	text-align:left;
	margin:auto;
	border:none 1px #006;
}

#middle-graphic-frame{
    position:relative;
    xmargin-bottom:100px;
    text-align:left;
	border:none 1px #00f;
}

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

#bottom-graphic-frame{
    position: absolute;
    bottom: 0;
	width:100%;
	height:70px;
	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:20px 0;
	text-align:center;
}

#middle-frame{
    position:relative;
    margin:0px;
    padding:0px;
	background-color:#191919;
	border:none 1px #0f0;
}

#content-frame {
    margin:auto;
    width:960px;
}

.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;
}



.intro-heading{
    float:left;
    width:45%;
    margin: 0 0 0 20px;
}
.intro-heading-text{
    font-size:2.5em;
    line-height:125%;
	color:#a6a6a6;
    font-weight:bold;
}

.intro-signup{
    display:block;
    margin: auto;
    color:#bfbfbf;
	background-color:#fbfbfb;
	border: solid #bfbfbf 5px;
    -moz-border-radius : 15px;
    -webkit-border-radius: 15px;
}
.intro-signup-icon{
    float:right;
    width:25%;
}
.intro-signup-text{
    float:left;
    width:70%;
    font-size:32px;
    line-height:64px;
    text-align:center;
    margin: auto;
    
}
a.intro-signup {
}
a.intro-signup:hover{
    color:#8c8c8c;
	background-color:#f2f2f2;
	border: solid #a6a6a6 5px;
}

.intro-section{
	background-color:#fbfbfb;
	border: solid #bfbfbf 5px;
    -moz-border-radius : 15px;
    -webkit-border-radius: 15px;
    margin:20px;
    padding:20px;
}
.intro-section-icon{
    float:left;
    width:30%;
}
.intro-section-text{
    float:right;
    width:65%;
    vertical-align:middle;
}

.intro-learn{
	display:block;
    margin: 0 20px;
    color:#4c4ca6;
	background-color:#f7f7fb;
	border: solid #7f7fbf 5px;
    -moz-border-radius : 15px;
    -webkit-border-radius: 15px;
}
.intro-learn-icon{
    float:right;
    width:150px;
}
.intro-learn-text{
    float:left;
    width:75%;
    font-size:xx-large;
    line-height:150%;
    text-align:center;
    margin: 5% 0 0 0;
}

a.intro-learn:hover{
    color:#19198c;
	background-color:#e5e5f2;
	border: solid #4c4ca6 5px;
}

.intro-invite{
	display:block;
    color:#4c4ca6;
	background-color:#f7f7fb;
	border: solid #7f7fbf 5px;
    -moz-border-radius : 15px;
    -webkit-border-radius: 15px;
}
.intro-invite-icon{
    float:right;
    width:75px;
}
.intro-invite-text{
    float:left;
    width:75%;
    font-size:x-large;
    line-height:150%;
    text-align:center;
    margin: 5% 0 0 0;
}

a.intro-invite:hover{
    color:#19198c;
	background-color:#e5e5f2;
	border: solid #4c4ca6 5px;
}

.feature-intro{
    margin: 20px;
}
.feature-intro-text{
    font-size:1.5em;
    line-height:125%;
	color:#a6a6a6;
}

.feature-section{
	background-color:#ffffff;
	border: solid #e5e5e5 2px;
    -moz-border-radius : 15px;
    -webkit-border-radius: 15px;
    margin:20px;
    padding:20px;
}
.feature-section-icon{
    float:left;
    width:20%;
}
.feature-section-text{
    float:right;
    width:70%;
    vertical-align:middle;
}

.feature-signup{
	display:block;
    margin: 0 20px;
    color:#4c4ca6;
	background-color:#f7f7fb;
	border: solid #7f7fbf 5px;
    -moz-border-radius : 15px;
    -webkit-border-radius: 15px;
}
.feature-signup-icon{
    float:right;
    width:150px;
}
.feature-signup-text{
    float:left;
    width:75%;
    font-size:xx-large;
    text-align:center;
    margin:3% 0 0 0 ;
}

a.feature-signup:hover{
    color:#19198c;
	background-color:#e5e5f2;
	border: solid #4c4ca6 5px;
}



.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;
}




.pagination{
padding: 2px;

}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; 
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #ddddff;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}



/* 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;	
}


/* 
		Default Styles for InPlace Controls 
	 	Author: Jake Varghese (Flvorful)
*/
.inplace_loader img{
	border:none !important;
}
.inplace_text_area{
	height:100px;
}
.inplace_submit{
	width:30px;
	font-size:11px;
}
.inplace_text_field{
	width:140px;
}
.in_place_editor_form input{
	float: left;
}
.in_place_editor_form a{
	float: left;
}
.calendar_date_select{
	background:#fff;
	width:207px !important;
}
.inplace_label{
	font-weight: bold;
}
.inplace_div{
	width:260px;
	float: left;
	display:block;
	float:left;
	padding-right:1em;
	margin:3px;
	padding:3px;
}
.inplace_radio{
	width:15px;
	height:15px;
	margin:3px;
	padding:3px;
}
.inplace_radio_label{
	text-align: left;
	width:100px;
}
.inplace_check_box_label{
	text-align: left;
}

.inplace_cancel{
	display: block;
	width:30px;
	height:25px;
	margin-top:5px;
	margin-left:10px;
}

.inplace_checkbox{
	width:15px;
	height:15px;
	margin:0;
	padding:0;
	margin-top:6px;
}

.inplace_date_select{
	width:150px;
	font-size:10px;
}
.calendar_date_select_image{
	display: block;
	float: left;
	width:auto;
		margin:0 !important;
	margin-right:10px !important;
	margin-top:0px !important;
}

.in_place_editor_form br{
	clear: left;
}

input.fieldWithError, select.fieldWithError, textarea.fieldWithError{
	border: 1px solid red;
}

#error_messages{
	width:45%;
	background:#FECFCD;
	color:red;
	border: 2px solid red;
		margin-bottom:20px;
}

#error_messages h2{
	color:white;
	font-weight:bold;
	padding:3px;
	background:red;
	
}

#error_messages ul{
	margin:0;
	padding:10px;
	margin-left:20px;
}

#inplace_test br{
	clear: left;
}

.empty_inplace{
	display:block;
	width:30px;
	height:15px;
	margin:0;
	padding:0;
	float: left;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:/images/lightbox/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position:absolute;
	top: 0;
	border: 0 solid;
	text-align:left;
	z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	background-color: #EFEFEF;
	height:100%;
}

#MB_header {
	margin:0;
	height: 28px;
}

#MB_content {
	padding: 6px .75em;
	overflow:auto;
}

#MB_caption {
	font: bold 85% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em 0 .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display:block;
	position:absolute;
	right:5px; top:4px;
	padding:2px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}
#MB_close:hover {
	background:transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(/images/888-32.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color:#EFEFEF;
	color:#000;
}
#MB_content { border-top: 1px solid #F9F9F9; background-color: #000!important;}
#MB_header {
  background-color:#DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color:#000 }
#MB_close { color:#777 }
#MB_close:hover { color:#000 }

.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;}
  
.page-menu {
	text-align:left;
	width:98%;
	height:35px;
    margin: 5px 10px;
	color:#e5e5f2;
	background-image: url(/images/left-menu.jpg); 
    
}
.page-menu a {
	color:#e5e5f2;
}

.context-menu {
	text-align:right;
	width:100%;
	height:35px;
    margin: 5px 25px 5px 0px;
	border: solid #d8d8d8 3px;
    -moz-border-radius : 10px;
    -webkit-border-radius: 10px;
	background-color:#f2f2f2;
	color:#808080;
}
.context-menu a {
}

.admin-menu {
	text-align:left;
	width:100%;
	height:35px;
    margin: 5px 25px 5px 0px;
	background-color:#ffffff;
	color:#a00000;
/*	background-image: url(/images/right-menu.jpg); */
}
.admin-menu a {
	color:#a00000;
}


.menu-bar{
	margin:auto;
	padding:5px 10px;
}


.stageseven {font-weight:bold;}

.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:200px;
    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;
    border:solid #404040 1px;
    
}

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

#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;
}