/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

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

div.jqmNotice img.jqResize {position: absolute; right: 2px; bottom: 2px;}

/* Notice CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */

div.jqmNotice {
    display: none;    
    position: relative;    
    width: 320px;
	background:#FFFFCC url(notice/note_icon.png) 5px 5px no-repeat;
    border: 1px solid #000;
    padding: 0;
    color:Black;	
}
div.jqmHELP {
    display: none;    
    position: absolute;    
    *min-width: 250px;
    -width: 250px;
	background:#FFFFCC url(notice/note_icon.png) 5px 5px no-repeat;
    border: 1px solid #000;
    color:Black;	
}
div.jqmWHOMI {
    display: none;    
    position: absolute; 
    width:250px;   
    *min-width: 250px;
    -width:250px;    
	background:#FFF7ED url(notice/note_icon.png) 5px 5px no-repeat;
    border: 1px solid #000;
    padding: 0;
    color:Black;
}

.jqmnTitle{margin: 0 25px;}

#ex3c-help .jqmnTitle
{margin:0 5px;}
  
.jqmnTitle h1{
  margin: 5px 0;
  padding-left:5px;
  width: 100%;  
  font-size:10px;  
  color:Black;
  background-color:#505050;
}
#ex3c-help .jqmnTitle h1
{  margin: 5px 0;
  padding-left:5px;  
  margin-right:10px;
  width: 100%;
  height:2em;
  font-size:10px;  
  color:Black;
  background-color:#505050;
}

div.jqmNotice .jqmClose {
  position: absolute;
  cursor: pointer;
  right: 4px;
  top: 6px;
}

.jqmnContent{
  border-top:1px;
  color:#000;
  font:12px/18pt Comic Sans, Comic Sans MS, cursive;
  padding:0 15px 5px;
}


div.jqmdAbove { z-index: 5000; top: 8%; }

div.jqmdWide { width: 400px; position:fixed; background-color:White;border:solid 1px black; top:300px; left:400px; height:178px;}
div.jqmdTall { height: 330px; }


div.centered { width: 100%; text-align: center; }
div.buttons input{ margin: 10px 14px; }
div.output { margin: 10px; color: red; }

.largeText { font-size: 120%; font-weight: bold; }
.smallText { font-size: 85%; }

.jqmdTL{background-color:#EEE9A8; width:100%; height:20px;}
.jqmdTC{padding-left:10px;font-weight:bold;}
.jqmdTR{float:left;width:70%;}
.jqmdX{float:right;width:16px;margin:2px;}	
.jqmOverlay { background-color: #CCCCCC; }
.jqmAlert
{
	position:fixed;
	top:17%;
	width:100%;	
	-top:30%;
	-position:absolute;
	-width:30%;
	-left:35%;
}
.jqmAlertMiddle
{
	position:fixed;
	top:40%;
	width:100%;	
}
#SCalert
{	
	top:50%;
}

.jqmAlertWindow, .jqmAlertWindowSmall, .jqmAlertWindowMedium
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #005883;
	min-height:200px;
	margin:auto;
	width:auto;
	color:Red;	
}
.jqmAlertWindow
{	
	-height:200px;	
	max-width:400px;	
}
.jqmAlertWindowSmall
{	
	-height:100px;	
	max-width:200px;	
}
.jqmAlertWindowMedium
{
	min-height:150px;
	-height:100px;
	max-width:300px;
}



.jqmAlertTitle
{
	background-color:#EEE9A8; 
	width:100%; 
	height:2em;
}
.jgmAlertTitleDark
{
	background-color:#FFCC33; 
	width:100%; 
	height:2em;
}
.jqmAlertTitleText
{
	float:left; 
	width:100%; 
	font-weight:bold;
	font-size:large;
	color:Black;
	text-align:center;
	padding-top:3px;
}
.jqmAlertContent
{
	padding:20px;
	color:#000000;
	text-align:center;
}
.jqmAlertSmallContent
{
	padding:5px;
	color:#000000;
	text-align:center;
}
.jqmAlertCloseWrap
{	
	padding:10px 165px;
	position:absolute;
	bottom:10px;
}
.jqmAlertCloseWrapSmall
{	
	padding:10px 65px;
	position:absolute;
	bottom:10px;
}
.jqmAlertWindowMedium .jqmAlertCloseWrapSmall
{
		padding:10px 110px;
}
.jqmAlertContentSC
{
	padding:10px;
	color:Black;
	font-weight:bold;
}




div.jqmConfirm input[type="submit"] 
{ 
	/*padding: 2px 8px;*/
	margin: 10px 10px;
	background: url(../Images/button-blank.jpg) no-repeat top left;
	width:67px;
	height:23px;
	color: #000; 
	border:none;
}

/* jqModal confirm CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */

div.jqmConfirm { /* contains + positions the alert window */
	display: none;  
	position: fixed;
	top: 17%;
	left:40%;
	margin:auto;	
	max-width:400px;
	min-width:300px;
	min-height:200px;
	width:auto;
	border:2px solid #005883;
	-width:300px;
}
    
/* 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 div.jqmConfirm {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmConfirmWindow {
  height:auto;
  width: auto;
  margin: auto;
  
  max-width:400px;
  min-height:200px;
  background:#FFF;
  
}

.jqmConfirmTitle{  
  height:30px;
  color:#000;
  background:#EEE9A8;  
}
.jqmConfirmTitle h1{
  margin:5px 2px;
  padding-left:5px;
  padding:0;
  font-size:14px;
  text-transform:capitalize;
  letter-spacing:-1px;
  font-weight:bold;
  color:#000;

  float:left;
  height:20px;
}

div.jqmConfirm .jqmClose em{display:none;}
div.jqmConfirm .jqmClose {
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(confirm/close_icon_double.png) 0 0 no-repeat;
}

div.jqmConfirm a.jqmClose:hover{ background-position: 0 -20px; }

div.jqmConfirmContent{
  border-top:px;
  color:#000;
  font:11px/14pt arial;
  padding:5px 20px 5px;
  margin:5px;
  letter-spacing:0px;
  background:#FFF url(confirm/darkgrid.png);
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}