/*
------------------------------
	Impromptu's
------------------------------
*/
div.jqifade{
	background-color: #ffffff;
}
div.jqi{
	background-color: #d0dEb6;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.jqi .jqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.jqi .jqimessage{
	background-color: #c0cEa6;
	padding: 10px;
}
div.jqi .jqimessage h2{
  text-align:center;
  margin:5px;
}
div.jqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.jqi button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/* prefix example */
div.impromptufade{
	background-color: #ffffff;
}
div.impromptu{
	background-color: #cccccc;
	padding: 10px; 
	width: 400px;
	text-align: left;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	text-align: center;
	background-color: #415ea0;
	padding: 10px;
	font-size:smaller;
}
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{
	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{
       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;
}