/*
    #####################################################
    navigations-menu
    #####################################################
*/

/* only used in yap_renderPrimaryMenu() */

#yap_navfirst_div ul{
	margin: 3px;
	/*padding: 3px;*/
	border:none;
}
#yap_navfirst_div ul{
	padding: 0px;
	list-style: none;
	border:none;
}
#yap_navfirst_div li{
	display: inline;
	font-weight: bold;
	font-size: 110%;
}

#yap_navfirst_div li a{
	
	margin: 2px 2px 2px 2px;
	padding: 2px 10px 2px 10px;
	text-decoration:none;
	border-style: solid;
	border-width: 1px;
	border-color: #DDD #FFF #FFF #DDD ;
}

#yap_navfirst_div li a:hover{
	text-decoration:underline;
}

#yap_navfirst_div li a:active,
#yap_navfirst_div li a:focus{
	
	background-color:#8BD7FF;
	
}

/*	.firstopen and .firstclosed since 0.5.5 moved to the following --v */
.yap_primary_subopen_li a	{color: white; background-color:#386E85;} /* item shows submenu*/
.yap_primary_subclosed_li a	{color: #315A70; background-color:#EEE;	} /* item is closed*/
.yap_primary_nosub_li a		{color: #315A70; background-color:#EEE;	} /* contains no sublevels*/

#yap_nav_div{
    min-width:112px;
	color: black;
	margin-bottom: 3em;
}

#yap_nav_div ul {
    /*background-color: #058;*/
    margin: 0px;
	padding: 0px;
	list-style: none;
	border:none;
}

#yap_nav_div li{
    margin: 0px;
    text-align:left;
}
#yap_nav_div li a {
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	
	display: block;
	padding: 3px 10px 2px 6px;
	color: #315A70;
	border-bottom: solid #ddd 1px;
	/*
	border-top: solid #ddd 1px;
	border-left: solid #ddd 1px;
	
	border-right: solid #ddd 1px;
	*/
}

#yap_nav_div li a:hover {
	margin: 0px;
	font-weight: bold;
	text-decoration: underline;
	
	color: #black;
	background-color: white;
	/*
	border-top: solid #FFF 1px;
	border-bottom: solid #FFF 1px;
	border-left: solid #FFF 1px;
	border-right: solid #FFF 1px;
	*/
}

#yap_navsubtitle_div{
    margin-bottom: 0.5em;
	padding: 0.2em 0.4em;
	border-bottom: solid #315A70 1px;
	background-color:#EEEEEE;
}
#yap_navsubtitle_div a{
    color: #315A70;
	font-weight: normal;
	text-decoration: none;
	font-style:italic;
    font-size: 140%;
}


#yap_navsub_div {
    /*background-color: #068;*/
    margin: 0;
	padding-left: 1.5em;
	list-style: none;
}
#yap_navsub_div li{
    /*background-color: #068;*/
    font-size: 85%;
    font-weight: normal;
    line-height: 0.9em;
}

.yap_secondary_subopen_li a		{}/* item shows submenu*/
.yap_secondary_subclosed_li a	{}/* item is closed*/
.yap_secondary_nosub_li	a		{}/* contains no sublevels*/



#yap_navbreedcrumb_div{
	padding-bottom:0.2em;
	padding-left:0.7em;
}

#yap_navbreedcrumb_div a{
    font-weight: normal;
    text-decoration: none;
	color: black;
	background-color: #EEE;
	padding: 0 0.2em;
}
#yap_navbreedcrumb_div a:hover{
    text-decoration: underline;
	color: #315A70;
	background-color: #FFF;
}

/* flat navigation ->  yap_renderPageFlatNav() */
#yap_flat_nav_table{
}

.yap_navflatnext_a,
.yap_navflatbefore_a,
.yap_navflattop_a {
	font-size: 75%;
}

/*
    #####################################################
	administration-menu (vertical)
    #####################################################
*/
#yap_menu_div{
    min-width:112px;
	color: black;
	background-color: #EEE;
}
#yap_menu_div ul{
    /*background-color: #058;*/
	margin: 0;
	padding: 0;
	list-style: none;
	border:none;
}

#yap_menu_div li{
    margin: 2px;
	
}

#yap_menu_div li a {
	border: solid #315A70 1px;
	background-color: white;
	margin: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #315A70;
	display: block;
	padding: 3px 10px 2px 6px;
}

#yap_menu_div li a:hover {
	margin: 0px;
	font-weight: bold;
	background-color: #DADADA;
	color: #black;
}

#yap_menu_div li.yap_disabled {
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	
	display: block;
	padding: 3px 10px 2px 6px;
	color: grey;
	border-style:none;	
}
/*
    #####################################################
	administration-menu-quick (horizontal)
    #####################################################
*/

#yap_menuh_div {
	text-align:right;
	margin: 0.2em;
	padding-right: 10px;
}

#yap_menuh_div ul {
	margin:  0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}

#yap_menuh_div li {
	display: inline;
	border: solid #315A70 1px;
	font-size: 85%;
	margin:2px;
	background-color: white;
}


#yap_menuh_div li a{
	color: #315A70;
	white-space:nowrap;
    background-color: white;
    padding-left: 2em;
	padding-right: 2em;
	font-weight: bold;
	text-decoration: none;
}

#yap_menuh_div li a:hover{
	background-color: #DDD;
	color: black;
}

/*
    #####################################################
	useraccount links & form
    #####################################################
*/
.yap_user_login_div{
	padding-bottom:0.2em;
	padding-left:0.7em;
	padding-right:10px;
}

.yap_user_login_a{
	font-weight: bold;
    text-decoration: underline;
	color: black;
	background-color: #EEE;
	padding: 0 0.2em;
}
.yap_user_logout_a{
	font-weight: bold;
    text-decoration: underline;
	color: darkred;
	background-color: #EEE;
	padding: 0 0.2em;
}
.yap_user_data_a,
.yap_user_register_a{
	font-weight: bold;
    text-decoration: underline;
	color: black;
	background-color: #EEE;
	padding: 0 0.2em;
}
.yap_user_loginform_div{

}
.yap_searchform_div{
	text-align: right;
}
/*
    #####################################################
    classes for content (yap-forms: userlogin etc...)
    #####################################################
*/
#yap_content_div {
	margin:0px;
	padding:0.3em;
	padding-left:1.2em;
	padding-right:1.2em;
	background-color:#FAFAFA;
	border-top: 	solid #DDD 1px;
	border-left: 	solid #DDD 1px;
	border-right: 	solid #fff 1px;
	border-bottom: 	solid #fff 1px;
	overflow: auto;
}



#yap_footline_div{
	font-size: 75%;
}

#yap_printlink_a{
	text-align: right;
	font-size: 75%;
}

.yap_title_h1{
	/*background-color:#058;*/
	color: #315A70;
	border-bottom: 1px #999 solid;
	padding: 0.2em;
	margin: 0em;
	margin-bottom: 0.7em;
	font-size: 160%;
	text-align: center;
}
.yap_msg_warning_div,
.yap_msg_error_div{
	text-align: left;
	background-color: #fdd;
	border: solid #222 1px;
	padding: 1em 1em;
	margin: 0.5em 0em;
	border-top: solid #444 2px;
	border-right: solid #888 2px;
	border-bottom: solid #aaa 2px;
	border-left: solid #666 2px;
}

.yap_notice {
	background-color: #ddf;
	padding: 1.5em 1em;
	margin: 0.5em 0em;
	border-top: solid #444 2px;
	border-right: solid #888 2px;
	border-bottom: solid #aaa 2px;
	border-left: solid #666 2px;
}

.yap_error {
	background-color: #fdd;
	border: solid #222 1px;
	padding: 1em 1em;
	margin: 0.5em 0em;
	border-top: solid #444 2px;
	border-right: solid #888 2px;
	border-bottom: solid #aaa 2px;
	border-left: solid #666 2px;
}

.yap_errortext {
	color: #990505;
	font-weight: bolder;
}


.yap_list_table{
    border-color:#ddd;
    border-spacing: 0px;
	border-collaps: collaps;
}

.yap_list_table_th {
	padding: 0.1em 0.2em;
	border: 1px solid #ccc;
	border-bottom-color: #555;
	font-weight: bold;
}

.yap_list_table_td {
	padding: 0.1em 0.2em;
	border: 1px solid #ccc;
	vertical-align:top;
}

.yap_checkbox{
	border: none;
	background-color: #fff;
	vertical-align:middle;
}


/*
    #####################################################
    content-styles (check /lib/compile/*.php)
    #####################################################
*/

.yap_h1 {
	font-size: 160%;
	background-color:#CCC;
}

.yap_h2 {
	font-size: 140%;
	background-color:#EEEEEE;
	padding: 0.1em 0.2em;
	border-bottom: thin solid #BBB;
	margin: 1em 0em 0em 0em;
}

.yap_h3 {
	font-size: 120%;
	background-color:#FAFAFA;
	padding: 0.1em 0.3em;
	border-bottom: thin solid #CCC;
	margin: 0.7em 2em 0em 1.3em;
}

.yap_h4 {
	font-size: 100%;
	background-color:#FAFAFA;
	padding: 0.1em 0.3em;
	border-bottom: thin solid #CCC;
	margin: 0.7em 2em 0em 1.3em;
}

.yap_p,
.yap_hr {
	margin: 0.2em 2em 0.7em 2em;
}

.yap_ul, .yap_dl{
	/*padding: 0.2em 2em 0.7em 2em;*/
	list-style-type:square ;
	margin-top: 0em;
	margin-bottom: 0em;
}
.yap_dt {
	font-weight: bold;
	padding: 0em;
	margin: 0em 2em;
}
.yap_dd {
	margin: 0em 2.5em;
}

.yap_li {
	margin: 0.1em 0.5em;
}

.yap_pre {
	margin: 0.5em 2em;
	padding: 0.5em;
	background-color: #F1F1F1;
	border: dashed #ccc 1px;
}

.yap_bold {
    font-weight: bolder;
}

.yap_small {
	font-size: 85%;
}


.yap_big {
	font-size: 120%;
}


.yap_table {
	margin: 0.2em 2em 0.5em 2em;
	border-spacing: 0px;
	border-collaps: collaps;
}

.yap_td {
	padding: 0 0.2em;
	border: 1px solid #ccc;
	vertical-align:top;
}

.yap_th {
	padding: 0 0.2em;
	border: 1px solid #ccc;
	border-bottom-color: #555;
	font-weight: bold;
}

.yap_th a:link, .yap_th a:visited {
	text-decoration: none;
}

.yap_img {
	border-style:hidden;
	margin: 0em 0.3em;
}

/* some more used by compiler */
.yap_a {
	text-decoration: underline;
}

a.yap_a:hover, a.yap_a:focus{
	color: black;
	background-color:#DDD;
}


.yap_ul {}
.yap_ol {}
.yap_dl {}
.yap_em {}
.yap_strong {}
.yap_pre {}
.yap_code {}
.yap_cite {}
.yap_sup {}
.yap_sub {}
.yap_alert {
	color: red;
}
.yap_good {
	color: green;
}
/* plaintext-Compiler */
#yap_content_plaintext_pre {
	padding: 0.7em;
	background-color:#EEE;
}

/* plainsource-Compiler */
#yap_content_plainsource_ol {
	font-size: 90%;
	background-color:#EEE;
}
#yap_content_plainsource_ol pre{
	margin:  0em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color:#FFF;
}