/* Styles for Enliven Site */

html, body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #e3effd;
	font-family: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', LucidaGrande, Geneva, Arial, sans-serif;
}

/*Top Menu*/
#topMenu{
	background-color: #093a79;
	color: #fff;
	margin: auto 0 0 auto;
	text-align: right;
	width: 34em;
	padding: 0.2em;

}

#topMenu a {
	text-decoration: none;
	color: #fff;
}

#topMenu ul,
#topMenu li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

/* Centered Box holding content */
.widthBox {

	width: 80%;
	margin: auto auto;
	margin-top: 30px;
    min-width:630px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 640 ? "630px" : "80%" );

}

/* Header */
#header {
background-color: #ffffff;
	height: 192px;
	border: 3px solid #093a79;
	padding: none;
	width: 100%;
	overflow: hidden;
}

#header img {
	margin-top: -1px;
	margin-left: -1px;
	float: left;
}

#header h1 {
	color: #093a79;
	font-size: 1.4em;
	float: right;
	margin-top: 85px;
	margin-right: 10px;
}

/* Main Menu */

#mainMenu{
	background-color: #093a79;
	color: #fff;
	width: 40%;	
        margin: 0 32px 0 0;
	padding: 5px;
	margin: 40px 0 0 auto;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.7em;
	position: relative;
	bottom: 83px;
	right: -3px;
        padding-left: 16px;
		z-index: 10;

}

#mainMenu a {
	text-decoration: none;
	color: #fff;
}
/*
#mainMenu ul,
#mainMenu li {
	display: inline;
}*/

/* Side bar */
#sideBar {
	float: left;
	width: 248px;
	height: 540px;;
	background-image: url('../img/gradient.png');
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: -1px;
	text-align: left;
	position: relative;
	color: #fff;
}


#sideBar h1 {
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	display: in-line;
	font-size: 120%;
}

#sideBar ul {
	list-style: none;
	margin-top: 3px;
}

#sideBar li {
	margin-top: 2px;
	border-bottom: 1px solid white;
	width: 90%;
	padding-bottom: 5px;
	font-size: 100%;
        cursor: pointer;
}

#sideBar ul ul {
    margin: 0px;
}
#sideBar ul ul li {
    border: none;
    font-size: 90%;
    
}

* html #sideBar ul ul li {
	margin-left: 20px;
}
*:first-child+html #sideBar ul ul li {
	margin-left: 20px;
}

#sideBar ul ul li a {
    text-decoration: none;
    color: white;
}

/* Content */
#content {
	text-align: left;
	overflow: hidden;
	padding: 10px;
	
	/*float: right;*/
	float: none!important;
	float: right;
	/*border-left: 3px solid #093a79;*/
}

#content p,
#content div {
	font-size: 90%;
	text-align: justify;	
}

#content h1 {
	font-size: 140%;
}
#content h2 {
	font-size: 120%;
}
/* Content Wrapper */
#contentWrapper {
	width: 100%;
	background-image: url('../img/divider.gif');
	background-repeat: repeat-y;
	background-position: 248px 0px;	
	position: relative;
	bottom: 83px;
	border: 3px solid #093a79;
	background-color: #fff;
	z-index: 1;

}
/* Footer */
#footer {
	clear:both;
}

#footLogo {
	clear: left;
	width: 248px;
	float: left;
	text-align: center;
	/*border-right: 3px solid #093a79;*/
	position: relative;
	padding-bottom: 10px;
	bottom: 130px;
	height: 0px;
}

/* Picture Box */
#pictureBox {
	float: right;
	border: 1px dotted #333333;
	margin: 10px;
	padding: 5px;
}

.info {
    background: #ddffdd;
    color:green;
    font-size: 0.8em;
    width: 96%;
    padding: 10px;
    border: 1px solid green;
    margin: 10px;
}

.info ul {
    padding: 10px;
}
.info li {
  padding: 5px;   
}

#editor-grid,
#user-editor-grid,
#htmleditor {
  margin: 10px;        
}

#htmleditor {
 width: 100%; 
    
}

.statsImage {
    border: 1px solid black;
    padding: 15px;
    
}
#statsGraphs {
    width: 98%;
    text-align: center;
    padding: 20px;
}

.x-view-over{
    border:1px solid #dddddd; 
    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top; 
    padding: 4px; 
}


/* Dropdown Menu */
.dropdown {
        padding-right:0px;
        padding:0; margin:0;
        display:inline;
    }

.dropdown dt {display:inline; padding:0px; cursor:pointer;}
.dropdown dd {position:absolute; overflow:hidden; width:208px; text-align: left; display:none;  background:#fff; z-index:200;opacity:0}
.dropdown ul {width:204px; border:2px solid #093a79; list-style:none; border-top:none; padding: 0px; margin: 0px;}
.dropdown li {}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#fff; text-decoration:none; background:#093a79; width:194px}
.dropdown a:hover {color:#093a79}
.dropdown .underline {border-bottom:1px solid #b9d6dc}

.results {
    margin: 10px;
    padding: 10px;
    border-top: 1px solid #999999;
    font-size: 50%;
}

.results a {
    text-decoration: none;
}

#bottomPlayer {
    position: absolute;
    bottom: 0px;
}

#topPlayer {
    position: absolute;
    top: 0px;
    left: 0px;
}