/*------------------------------------------------------
 	Style
------------------------------------------------------*/

	html {
		margin: 0px;
		height: 100%;
	}
	
	body {
		height: 100%;
		background-color: white;
		color: #333333;
		font-size: 11px;
		font-family: "Lucida sans";
		margin: 0px;
		background: url( 'images/bg.jpg' );
	}
	
	table{
		color: #333333;
		font-size: 11px;
	}
	
	a:link, a:visited, a:active {
		color: #666666;
		text-decoration: underline;
		margin: 0px;
		padding: 0px;
	}

	a:hover	{
		color: #ff0096;
		text-decoration: underline;
	}

	img, a img{
		border: 0px;
		margin: 0px;
		padding: 0px;
		text-decoration: none;
	}
	
	select{
	 	font-size:16px;
	 	color:#333333;
	}

	form{
		margin: 0px;
	}
	
	
	
/*------------------------------------------------------
 	RainPHP style
------------------------------------------------------*/
	
	#site{
		width: 100%;
		height: 100%;
	}
	
	#header{
		width: 100%;
		height: 117px;
		background-image: url( 'images/header.jpg' );
		background-repeat: repeat-x;
	}
	
	#path{
		color: #999999;
		left: 310px;
		position: absolute;
		top: 128px;
	}
	#path a{
		font-size: 10px;
		text-decoration: none;
	}

	#center{
		vertical-align: top;
	}
	
	#menu{
		vertical-align: top;
		height: 25px;
	}
	#menu div{
		float: left;
		font-size: 12px;
		line-height: 19px;
		padding-left: 25px;
		padding-right: 25px;
		background: url( images/menu_separator.jpg ) no-repeat right;
	}
	#menu div a{
		color: #333;
		text-decoration: none;
	}
	#menu div a:hover{
		color: #ff0096;
	}
	
	#menu_selected a:visited,#menu_selected a:hover,#menu_selected a:link,#menu_selected a:active{
		color: #ff0096;
	}

	#submenu{
		height: 30px;
		vertical-align: top;
	}
	#submenu div{
		float: left;
		line-height: 17px;
		padding-left: 20px;
		padding-right: 20px;
		background: url( images/submenu_separator.jpg ) no-repeat right;
	}
	#submenu div a{
		color: #999999;
		text-decoration: none;
	}
	#submenu div a:hover{
		color: #ff0096;
	}
	
	#menu_down{
		float:right;
	}
	#menu_down div{
		display: inline;
	}
	#menu_down a{
		font-size: 10px;
		padding-right: 8px;
		padding-left: 8px;
		border-right: 1px solid #ddd;
		text-decoration: none;
	}

	#copyright{
		width: 100%;
		height: 72px;
		color: #666;
		vertical-align: top;
		padding: 10px;
		background-image: url( 'images/copyright.jpg' );
	}	
	
	#left{
		vertical-align: top;
		width: 250px;
		padding: 20px;
	}
	#content{
		vertical-align: top;
		padding: 20px;
	}
	
	#separator{
		width: 1px;
		background-image: url( 'images/separator.jpg' );
	}
	
	#search{
		height: 18px;
		border: 1px solid #cccccc;
		display: block;
		float: right;
		margin-right: 25px;
		width: 140px;
		background-color: #fff;
	}
	#search_input{
		margin-left:5px;
		display: block;
		float: left;
		width: 100px;
		border: 0px;
		height: 16px;
		color: #666;
	}
	#search_button{
		display: block;
		float: right;
		margin-right: 0px;
	}
	
	
	
/*------------------------------------------------------
 	Content
------------------------------------------------------*/
	
	.text_title{
		font-size: 22px;
		font-family: "Arial Black", arial;
	}
	
	.text_title_left{
		font-size: 18px;
		font-family: "Arial Black", arial;
	}
	
	.content_left a{
		font-weight: bold;
		text-decoration: none;
		color: #333333;
	}
	
	.content_list h3{
		display: inline;
	}
	.content_list h3 a{
		font-family: "Arial Black", arial;
		font-size: 20px;
		color: #ff0096;
		text-decoration: none;
		padding-left: 20px;
		background: url('images/link.gif') no-repeat;
		background-position: left;
	}
	
	.download{
		border: 1px dotted #cccccc;
		padding: 10px;
		margin: 0px;
	}
	.download p{
		display: inline;
	}
	.download a{
		list-style: none;
		font-family: "Arial Black", arial;
		font-size: 16px;
		text-decoration:none;
	}
	
	

/*------------------------------------------------------
 	Documentation
------------------------------------------------------*/
	
	.documentation_index{
		border: 1px dashed #cccccc;
		padding: 20px;
	}

	.documentation_content{
		border: 1px dashed #cccccc;	
		padding: 20px;		
		margin-top: 40px;
	}

	.documentation_title{
		font-size: 18px;
		font-family: "arial black", arial;
	}
	
	.documentation_paragraph{
		font-size: 16px;
		font-family: arial;
		font-weight: bold;
	}

	
	.var_icon{
		list-style: url( images/var_icon.gif );
	}
	
	.img_icon{
		list-style: url( images/img_icon.gif );
	}
	
	.css_icon{
		list-style: url( images/css_icon.gif );
	}
	
	.dir_icon{
		list-style: url( images/dir_icon.gif );
	}

	.php_icon{
		list-style: url( images/php_icon.gif );
	}

	.html_icon{
		list-style: url( images/html_icon.gif );
	}
	
/* layout table */

	/* layout */
	.layout{
		background-color: #fafafa;
		border: 1px solid #cccccc;
		padding: 15px;
		font-size: 12px;
		font-family: monospace;
	}
	
	/* output */
	.layout2{
		border: 1px dashed #bbbbbb;
		padding: 15px;		
		font-size: 12px;
		font-family: monospace;
		
	}

	.title_layout{
		font-size: 9px;
		color: #999999;
	}
	
	.tag{
		color: #003399;
	}
	.variable{
		color: #993300;
	}
	.string{
		color: #009900;
	}
	
/*------------------------------------------------------
 	Generic
------------------------------------------------------*/
	.max_size{
		width: 100%;
		height: 100%;
	}
	
	.max_width{
		width: 100%;
	}

	.max_height{
		height: 100%;
	}

	
	

/**********************************

RainCP

***********************************/

.cpForm{
}

.cpTable{
	font-size: 11px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	width: 800px;
	margin-bottom: 15px;
}

.cpTitle{
	font: 14px "verdana";
	background-color: #eeeeee;
	border-top: 1px solid white;
	border-bottom: 1px solid #dddddd; 
	padding: 5px;
	color: #333333;
}

.cpRow{
	background-color: #fafafa;
	border-top:	1px solid white;
	border-bottom: 1px solid #dddddd;
	padding: 5px;
}
.cpName{
	font-size: 11px;
	display: inline;
	margin-right: 30px;
	vertical-align: middle;
}
.cpDescription{
	color: #999999;
	display: inline; 
	font-size: 9px;
}

.cpInput{
	display: inline;
	vertical-align: middle;
}

.cpForm input{
	width: 300px;
}

.cpForm textarea, .cpTextarea{
	width: 100%;
	font-size: 11px;
	font-family:Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	width: 100%;
}


label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
/* input:focus { border: 1px solid #aaddaa; } */
input.error { border: 1px solid red; }
textarea.error { border: 1px solid red; }

.cpSelect{ font-size: 11px;}
.cpSelectMultiple{ font-size: 11px; height: 90px;}
.cpSelected{ background-color:#3366CC; color:#FFFFFF }
.cpError{ color: red; }