/* ::::: http://www.raintpl.com/themes/acid/style-elastic.css ::::: */
html   { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e5e5e5; background-repeat: repeat-x; border: 0 }
body  { margin: 0 }
h1    { color:#999; font-size: 24px; margin: 0 0 30px 0 }
h2   { color: #619322; font-size: 20px; margin: 0 }
h3{color:#333;font-size:17px}
tt   { color: #903; font-size: 14px }

#path{color:#999;font-size:11px}
#path a{color: #999;}
#search{float:right;clear:both;margin:0 10 0 10;font-family:Helvetica;color:#999;font-size:10px;}
#search input{width:190px;font-size:14px;border:2px solid #666;background:#ccc;padding:3px;}
#search input:focus{background:#fff;}
div#logo { background-image: url("images/top.gif"); background-repeat: repeat; width: 100%; }
div#docu, div.docu { background: #fff; margin:20px; padding: 15px; width: 800px; border: 2px solid #ccc; }
div.prevnext       { font-size: 10px; background-color: #f4f4f4; margin-top: 10px; margin-bottom: 10px; padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
div.prevnext a    { color: #240305; text-decoration: none } 
div.prevnext a:hover   { color: #7b7b7b }
table {  color: rgb(51, 51, 51); font-size: 11px; border-collapse: collapse; border-spacing: 0px; }
img { border: 0px none ; }
a:link, a:active { color: rgb(51, 51, 51); text-decoration: underline; }
a:hover { color: rgb(153, 153, 153); text-decoration: underline; }
a:visited  { color: #639; text-decoration: none }
form { margin: 0px; }
ul { margin-top: 0px; }
li { margin-bottom: 5px; }
#site { width: 100%; height: 100%; }
#top { background: transparent url( ) repeat-x scroll 0% 0%; height: 77px; }
#home{background:#fff;width:900px;padding:30 60 60 60;margin:0 auto}
#section{background:#fff;width:900px;padding:60 60 100 60;margin:0 auto;}
#section_doc{background:#fff;width:900px;padding:60 60 100 60;margin:0 auto;overflow:auto;}
#generic_aside{float:right;width:250px;background:#eee;padding:20px;border:2px solid #ccc;margin:0 0 30 30;}
#theme { float:right; margin:5 10 5 10; color:#999; }
#theme a { color:#666;text-decoration:none;}
#theme a:hover { color:#ccc; text-decoration: underline; }
#theme a .selected { color: rgb(187, 187, 187); text-decoration: underline; }
#subtitle { background: #444; border-bottom: 2px solid #111; repeat-x scroll 0% 0%; font-size: 10px; height: 26px; line-height: 26px; color: rgb(201, 255, 0); text-align: right; padding-right: 15px; }
#subtitle a { font-weight: bold; }
#subtitle a:link, #subtitle a:visited, #subtitle a:active { color: rgb(201, 255, 0); font-family: Verdana,Arial,Helvetica,sans-serif; text-decoration: none; }
#subtitle a:hover { color: rgb(201, 255, 153); font-family: Verdana,Arial,Helvetica,sans-serif; text-decoration: underline; }
#subtitle a.selected{ text-decoration: underline; }
#inner_content { padding: 10px; height: 100%; }

#footer{ background:#333;color:#999;border-top: 2px solid #111;font-size:11px;float:left;clear:both;width:100%;padding-top:10px;}
#footer a{padding:2px 6px;color:rgb(201, 255, 0);}
#footer .left{float:left;margin-bottom:20px}
#footer .right{float:right;margin-bottom:20px}


#content_left { float: left; width: 200px; margin: 30px; }
#content_left a:active, #content_left a:link, #content_left a:visited { text-decoration: underline; }
#content_left a:hover { color: rgb(153, 153, 153); text-decoration: underline; }
.left_title { font-family: "Arial Black",Arial; font-size: 18px; text-decoration: none; }
.left_title_link { font-family: "Arial Black",Arial; font-size: 18px; text-decoration: underline; }
.layout  { font-size: 12px; font-family: monospace; background-color: #fffaef; padding: 15px; border: solid 1px rgb(204,204,204) }
.layout2  { font-size: 12px; font-family: monospace; background-color: #f6fdfd; padding: 15px; border: dashed 1px rgb(187,187,187) }
.layout3  { background-color: #f6fff6 }
.title_layout { font-size: 9px; color: rgb(153, 153, 153); }
.tag { color: rgb(0, 51, 153); }
.variable { color: rgb(153, 51, 0); }
.string { color: rgb(0, 153, 0); }
.download a:link, .download a:visited, .download a:active { font-size: 17px; font-weight: bold; color: green; text-decoration: none; }
.download a:hover { font-size: 17px; font-weight: bold; text-decoration: underline; }

table.example { width: 100%; }
table.example th { color: rgb(201, 255, 153); font-weight: bold; font-size: 14px; background-color: rgb(68, 68, 68); }
.example_title { color: rgb(68, 68, 68); font-weight: bold; font-size: 14px; height: 45px; }
.example_template pre { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.text_title   { color: rgb(90,10,43); font-size: 20px; font-family: tahoma, Verdana, arial; font-weight: bold }
.text_title tt  { font-size: 18px !important }
.text_step { font-size: 20px; font-family: tahoma,Verdana,arial; }
.php{font-size:12px;font-family:monospace;background-color:#f6f6f6;border-left:solid 5px #ccc;padding:15px}
.template{font-size:12px;font-family:monospace;background-color:#f3fff3;border-left:solid 5px #6c6;padding:15px}
.output{font-size:12px;font-family:monospace;background-color:#f3fcfc;border-left:solid 5px #9ce;padding:15px}
.tag{color:#039}
.variable{color:#930}
.string{color:#090}
.command{color:blue}
.var_icon{list-style-type:disc;list-style-image:url(../images/var_icon.gif);list-style-position:outside}
.img_icon{list-style-type:disc;list-style-image:url(../images/img_icon.gif);list-style-position:outside}
.css_icon{list-style-type:disc;list-style-image:url(../images/css_icon.gif);list-style-position:outside}
.dir_icon{list-style-type:disc;list-style-image:url(../images/dir_icon.gif);list-style-position:outside}
.php_icon{list-style-type:disc;list-style-image:url(../images/php_icon.gif);list-style-position:outside}
.html_icon{list-style-type:disc;list-style-image:url(../images/html_icon.gif);list-style-position:outside}
.comment{color:#999;}
.max_size { width: 100%; height: 100%; }
.max_width { width: 100%; }
.max_height { height: 100%; }
.spacer5 { height: 5px; width: 5px; }
.spacer10 { height: 10px; width: 10px; }
.spacer15 { height: 15px; width: 15px; }

#title 			{ font-size: 20px; color: rgb(102, 102, 102); font-family: "Arial Black",Arial; line-height: 25px; }
.voice 			{ margin-bottom: 50px; border-bottom: 1px dashed #ccc; padding-bottom: 20px; }
.voice .title 	{ color: rgb(90,10,43); font-size: 20px; font-family: tahoma, Verdana, arial; font-weight: bold; }
.voice .date	{ font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; color: rgb(153, 153, 153); }


#block_home{height:400px;}
.block_separator{float:left;margin:30px}
.block{float:left;width:170px;margin:80px 0 30px}
.block div{font-size:14px;color:#777;margin:0 0 10px 10px}
#message{display:none;width:200px;position:absolute;font-size:13px;line-height:16px;border:1px solid #ccc;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:5px 5px 5px #999;-webkit-box-shadow:5px 5px 5px #999;box-shadow:5px 5px 5px #999;padding:20px}
#message b{color:#9c0;font-size:15px}

#doc{overflow:auto;}
.doc_content{width:600px;}
.doc_index{float:left;width:400px;margin:0 20px;font-size:13px;min-height:300px}
.documentation_list ul{list-style:url(../img/list.jpg);line-height:22px;}
.documentation_list h2 a{color:#369}
.documentation_list_block{font-size:10px;line-height:15px}
.documentation_list_block ul{padding-left:25px;list-style:none}
.documentation_list_block a{font-size:11px;color:#666}
.documentation_list_block a:hover{color:red}
.documentation_list_block h3 a{font-size:13px}

.doc_nav{border-top:1px solid #eee;padding-top:30px;margin-top:50px;font-size:11px;text-align:center}
.doc_nav a,.doc_nav span{float:left;width:170px}


#search_result{margin:80px 0 30px}
#search_result .cover img{float:left;margin-right:10px;max-width:80px;max-height:80px}