/*
------------------------------
	Impromptu's
------------------------------
*/
div.jqifade{
	background-color: #ffffff;
}
div.jqi{
  position: absolute;
	background-color: #000;
	padding: 5px; 
	width: 300px;
	text-align: left;
}
.jqiheadline 
{
	color:#9a3922;
	margin:0 0 0 20px;
	font-size:14px;
	font-weight:bold;
}
div.jqi .jqicontainer{
	background-color: #faee5b;
	padding: 10px 5px; 
	color: #545023;
	font-weight: bold;
}
div.jqi .jqimessage{
	background-color: #faee5b;
	padding: 10px;
}
div.jqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.jqi button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
	cursor:pointer;
	cursor:hand;
}

/* prefix example */
div.impromptufade{
	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 */
div.colsJqifade{
	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
------------------------------
*/
div.brownJqifade{
    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;
}