/* ---------------------------->>> - MODAL WINDOWS <<<---------------------------------- */

/* ---------------------------->>> + MAIN WINDOWS <<<---------------------------------- */

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net>
    jgModal extended styling by grey 

 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 (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
	position: fixed;
	z-index: 3001;
	display: none;	
	top: 0pt;
	left: 0pt;
	width: 820px;
	color: #FFFFFF;
	font-size: 1em;
	border: 2px solid white;
	padding: 10px;
}


div.jmdwindowbg {
	width: 100%;
}

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

.cblt {
	background-color: #42A867;
}


/* ---------------------------->>> + DIALOG STYLE <<<------------------------------------ */
div.whiteOverlay { 
	background: url("../res/jqmBG.gif") white;
	}
	
div.jqDrag {cursor: move;}

/* jqmModal dialog CSS courtesy of;
  Brice Burgess <bhb@iceburg.net> */

div.jqmDialog {
	display: none; 
	position: absolute;
	z-index: 400;
	top: -20em;
    /*left: 1em;  */  
	margin-left: 60em;
	width: 1000px;
	overflow: hidden;
}

/* 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.jqmDialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/*  Title / Top Classes  */
div.jqmdTC { 
	background: #d5ff84 url("../res/sprite.gif") repeat-x 0px -82px; 
	color: #528c00;
	padding: 7px 22px 5px 5px;
	font-weight: bold;
	* zoom: 1;
	}

div.jqmdTL { 
	background:  url("../res/sprite.gif") no-repeat 0px -41px;
	padding-left: 3px;
	}
	
div.jqmdTR {
	background: url("../res/sprite.gif") no-repeat right 0px;
	padding-right: 3px; * zoom: 1;
	}


/* Body / Message Classes  */
div.jqmdBC {
  background: url("../res/bc.gif") repeat-x center bottom;
  padding: 7px 7px 7px;
  height: 180px;
  overflow: auto;
}

div.jqmdBL { 
	background-color: #FFFFFF;
	background-repeat:	no-repeat; 
	/*padding-left: 7px;*/
	}
	
div.jqmdBR {
	background: url("../res/br.gif") no-repeat right bottom;
	padding-right: 7px; * zoom: 1
	}

div.jqmdMSG {
	color: #317895;
	}

/* Button classes */
input.jqmdX {
	position: absolute;
	right: 7px;
	top: 4px;
	padding: 0 0 0 19px;
	height: 19px;
	width: 0px;
	background: url("../res/close.gif") no-repeat top left;
	overflow: hidden;
	}

input.jqmdXFocus {
	background-position: bottom left;
	outline: none;
	}

div.jqmdBC button, div.jqmdBC input[type="submit"] {
	margin: 8px 10px 4px 10px;
	color: #777;
	background-color: #fff;
	cursor: pointer;
	}

div.jqmDialog input:focus, div.jqmDialog input.iefocus {
	background-color: #eaffc3;
	}
/*-------------------------->>> +MANIPULATING OVERLAYS <<<------------------------------------*/

.jqmOverlay{
	position: absolute;
	z-index: 400;	
	top: 20em;
	left: 30em;
	/*
	right: #;
	bottom: #;
	*/
	width:50%;
	height: 50%;
}
/* ---------------------------->>> - MANIPULATING OVERLAYS <<<---------------------------------- */

/*----------------------------->>> + ACCORDEON <<<------------------------------------*/	

div.basic  {
	width: 100%;
	border: 1px solid black;
	margin-top: 1em;
	background-color: #FFF;
}

div.basic div {
	background-color: #FFFFFF;
}

div.basic-ui-accordion {
	background-color: #FFFFFF;
}

div.basic div p {
	margin-bottom : 10px;
	font-size: 12pt;
	border: none;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	margin: 0px;
	padding: 5px;
}

.basic a.crosslink {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	/*background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;	
	background-image: url(../res/AccordionTab0.gif);*/
}

.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;	
	background-image: url(../res/AccordionTab0.gif);
}

a.link {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;	
	/*background-image: url(../res/AccordionTab0.gif);*/
}

.basic a:hover {
	background-color: white;
	background-image: url(../res/AccordionTab2.gif);
}

.basic a.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url(../res/AccordionTab2.gif);
}

/* ---------------------------->>> - ACCORDION <<<---------------------------------- */

/* ---------------------------->>> + HORIZONTAL ACCORDION <<<----------------*/
.haccordion .header, .haccordion .content{ 
	float: left; 
	height: 425px; 
} 
	  
.haccordion .header{ 
	width: 20px; 
	background: green; 
	border-right: solid 1px #cdcdcd;
	color: #fff; 
	cursor: pointer; 
} 
	  
.haccordion .content{ 
	display: none; 
	width: 0px; 
	overflow: auto; 
} 

div#content div#content-main table.special p, 
div#content div#content-main table .haccordion .content p { 
	margin: 5px; 
	font-size: 0.9em;
	color: #000000;
	border: 0;
	padding: 0pt;
}

div#content div#content-main table.special  img{
	margin: 0.1em 0pt;
}

div#content div#content-main table .haccordion .content  img{
	margin: 0.4em 1em;
}

div#content div#content-main table .haccordion .content ul {
	margin-left: 38.45em; 
	font-size: 0.9em;	
}

.haccordion .content ul { 
	color: green;
	margin: 5px 5px 1em 5px; 
}
.haccordion .content ul  ol{ 
	color: green;
	margin: 5px 5px 2em 25px; 
}

.haccordion .content h3{ 
	color: green; 
	margin-left: 1em;
}


/* ---------------------------->>> - HORIZONTAL ACCORDION <<<----------------*/


img#specialimage {
	float:left;
	margin:0.4em 0.2em;
}

ul#special  li{
	margin-left: 40em;
}