/* an ie6 fix for position: fixed; */
* html{overflow-y: hidden;}
* html body{overflow-y: auto; height: 100%;}

/*
------------------------------
	Impromptu's
------------------------------
*/
.jqifade{
	position: absolute;
	background-color: #ECECEC;
}
div.jqi{
/*	border-bottom:2px solid silver; */
/*	border-right:2px solid silver; */
	position: absolute;
	background-color: #EC9E0B;
/*	padding: 0px; */ 
	width: 420px;
	text-align: left;
	z-index: 0;
}
div.jqi .jqicontainer{
   	background-color: #fff;
	padding: 10px; 
	color: #ffffff;
	font-weight: bold;
	border:2px solid #EC9E0B;
	
}
div.jqi .jqimessage{
	background-color: #708E0A;
	color: #fff;
	padding: 10px;
	font-weight: bold;
}
div.jqi .jqibuttons{
/*	background-color: #708E0A; */
		text-align: center;
	padding: 15px 0 0 0;
}
div.jqi button{
	padding: 1px 10px 1px 10px;
	margin: 0px 10px;
}

/* prefix example */
.impromptufade{
	position: absolute;
	background-color: #ffffff;
}
div.impromptu{
    position: absolute;
	background-color: #cccccc;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/* columns prefix example */
.colsJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.colsJqi{
    position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 400px;
	text-align: left;
}
div.colsJqi .colsJqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
	height: 160px;
}
div.colsJqi .colsJqimessage{
	background-color: #c0cEa6;
	padding: 10px;
	width: 280px;
/*	height: 140px; */
	float: left;
}
div.colsJqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.colsJqi button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.colsJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
------------------------------
       brown theme
------------------------------
*/
.brownJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.brownJqi{
	position: absolute;
	background-color: transparent;
	padding: 10px;
	width: 300px;
	text-align: left;
}
div.brownJqi .brownJqicontainer{
	position: relative;
	background-color: transparent;
	border: solid 1px #5F5D5A;
	color: #ffffff;
	font-weight: bold;
}
div.brownJqi .brownJqimessage{
	position: relative;
	background-color: #F7F6F2;
	border-top: solid 1px #C6B8AE;
	border-bottom: solid 1px #C6B8AE;
}
div.brownJqi .brownJqimessage h3{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	margin: 0;
	padding: 7px 0 7px 15px;
	color: #4D4A47;
}
div.brownJqi .brownJqimessage p{
	padding: 10px;
	color: #777777;
}
div.brownJqi .brownJqimessage img.helpImg{
	position: absolute;
	bottom: -25px;
	left: 10px;
}
div.brownJqi .brownJqibuttons{
	text-align: right;
}
div.brownJqi button{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
}
div.brownJqi button:hover{
	border: solid #aaaaaa 1px;
}

/* prefix example */
.modalWinfade{
	background-color: #ffffff;
}
div.modalWin{
	background-color: silver;
	padding: 10px; 
	text-align: left;
	width: 600px;
	position:absolute;
}

div.modalWin .modalWincontainer{
	background-color: #ffffff;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.modalWin .modalWinbuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.modalWin button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}