﻿/* modal styles */

#loading {display: none;position: fixed; top: 40%; left: 55%; margin-left: -140px; width: 220px; background-color: #fff; color: #333; border: 1px solid #555; padding: 12px; z-index: 99;}

.jqmWindow { display: none; position: fixed; top: 2%; left: 55%; margin-left: -510px; width: 850px; background-color: #fff; color: #333; border: 1px solid #555; padding: 12px; height: 85%;}

.jqmWindowSmall { display: none; position: fixed; top: 2%; left: 55%; margin-left: -200px; width: 350px; background-color: #fff; color: #333; border: 1px solid #555; padding: 12px; height: 250px; z-index: 1;}

.jqmContent {overflow: auto; height: 95%; margin-top: 20px; }

.jqmContent p {margin: 15px 0 15px 0;}

.jqmWindow h2{ margin-bottom: 10px;}

.jqmOverlay { background-color: #fff; }

.jqmCloseIcon {position: absolute; width: 30px; height: 19px; top: 0; right: 0; cursor: pointer;}

	/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */

	* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}

	/* Fixed posistioning emulation for IE6

		 Star selector used to hide definition from browsers other than IE6

		 For valid CSS, use a conditional include instead */

	* html .jqmWindow {  position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}

	#usernameError {position: absolute; width: 200px; top: 100px; padding: 10px; color: #f00; left: 20px; border: 1px solid #f00;}

#top-nav ul.buttons{float: right; margin-bottom: 10px;}

#top-nav ul.buttons li{float: left; width: 9em; position: relative; margin-right: 10px;}

#top-nav ul.buttons a{display: block; text-align: center; padding: 5px 3px; border: solid 1px #999; text-decoration: none; color: #555;}

#top-nav ul.buttons a:hover{background: #eee; color: #000;}



#top-nav ul.buttons ul{position: absolute; display: none;}

#top-nav ul.buttons ul li{background: #fff;}

#top-nav ul.buttons ul li a{text-align: left; border-top: 0;}



#main-content ul.buttons{ position: relative; height: 20px; margin-bottom: 10px;}

#main-content ul.buttons li{float: left; width: 9em; position: relative; margin-right: 10px;}

#main-content ul.buttons a{display: block; text-align: center; padding: 1px 3px; border: solid 1px #999; text-decoration: none; color: #555;}

#main-content ul.buttons a:hover{background: #eee; color: #000;}



#main-content ul.buttons ul{position: absolute; display: none;}

#main-content ul.buttons ul li{background: #fff;}

#main-content ul.buttons ul li a{text-align: left; border-top: 0;}



.jqmWindow ul.buttons{float: right; height: 20px; margin-bottom: 10px;}

.jqmWindow ul.buttons li{float: left; width: 9em; position: relative; margin-right: 10px;}

.jqmWindow ul.buttons a{display: block; text-align: center; padding: 1px 3px; border: solid 1px #999; text-decoration: none; color: #555;}

.jqmWindow ul.buttons a:hover{background: #eee; color: #000;}



.jqmWindow ul.buttons ul{position: absolute; display: none;}

.jqmWindow ul.buttons ul li{background: #fff;}

.jqmWindow ul.buttons ul li a{text-align: left; border-top: 0;}
