/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* layout */
body.yoopage { 
	background-image: url(../../images/styles/promodoc/page_body_bg.jpg);
	background-color: #f7f7f7;/*#F5F7F9;*/
}
div.header-2 { 
	background-image: url(../../images/styles/promodoc/header_bg.png);
	background-color: #FBFFFF;
}

h1 {color: #333399;}
h2 {color: #9999cc;}

#menubar,
div.menubar-1,
div.menubar-2 { background-image: url(../../images/styles/promodoc/menubar_bg.png); }

div.mainmiddle-wrapper-t1,
div.mainmiddle-wrapper-t2,
div.mainmiddle-wrapper-t3,
div.mainmiddle-wrapper-b1,
div.mainmiddle-wrapper-b2,
div.mainmiddle-wrapper-b3 { background-image: url(../../images/styles/promodoc/wrapper_corners.png); }

/* typography */
h2,
h4,
h6,
a { color: #333399; }
ul.links li { background-image: url(../../images/styles/promodoc/typography/list_links.png); }
ul.links li:hover { background-color: #66C0D8; }

/* menus */
#menu li.level1,
#menu a.level1,
#menu span.level1,
#menu a.level1 span.bg,
#menu span.level1 span.bg { background-image: url(../../images/styles/promodoc/menu_level1_item.png); }
#menu .dropdown-3 { background: #ffffff; /*#F2F8F9;*/ }
#menu li.level2 a:hover span.bg,
#menu li.level2 .current span.bg,
#menu a.level3.current span.bg,
#menu li.level3 a.level3:hover span.bg { color: #333399; }
#menu .dropdown-b1,
#menu .dropdown-b2,
#menu .dropdown-b3 { background-image: url(../../images/styles/promodoc/menu_dropdown_corners.png); }
#menu a.level3 span.bg,
#menu span.level3 span.bg { background-image: url(../../images/styles/promodoc/menu_level3_item.png); }
div.mod-box ul.menu a.current span.bg,
div.mod-box ul.menu a:hover span.bg,
div.mod-box ul.menu span:hover span.bg { color: #333399; }
div.mod-box ul.menu li.parent .level1 span.bg { background-image: url(../../images/styles/promodoc/submenu_level1_item_parent.png); }
div.mod-box ul.menu li.level2 span.bg {	background-image: url(../../images/styles/promodoc/submenu_level2_item.png); }

/* modules */
.module h3.header span.subtitle { color: #8b8bbe; }

div.mod-box div.box-t1,
div.mod-box div.box-t2,
div.mod-box div.box-t3,
div.mod-box div.box-b1,
div.mod-box div.box-b2,
div.mod-box div.box-b3,
div.mod-box-header h3.header,
div.mod-box-header span.header-2,
div.mod-box-header span.header-3 { background-image: url(../../images/styles/promodoc/module_box_corners.png); }

div.mod-box-grey div.box-t1,
div.mod-box-grey div.box-t2,
div.mod-box-grey div.box-t3,
div.mod-box-grey div.box-b1,
div.mod-box-grey div.box-b2,
div.mod-box-grey div.box-b3,
div.mod-box-grey.mod-box-header h3.header,
div.mod-box-grey.mod-box-header span.header-2,
div.mod-box-grey.mod-box-header span.header-3 { background-image: url(../../images/styles/promodoc/module_box_grey_corners.png); }
div.mod-box-grey div.box-2 { 
	background-image: url(../../images/styles/promodoc/module_box_grey_bg.png);
	background-color: #F3F8F8;
}

div.mod-box-templatecolor div.box-t1,
div.mod-box-templatecolor div.box-t2,
div.mod-box-templatecolor div.box-t3,
div.mod-box-templatecolor div.box-b1,
div.mod-box-templatecolor div.box-b2,
div.mod-box-templatecolor div.box-b3,
div.mod-box-templatecolor.mod-box-header h3.header,
div.mod-box-templatecolor.mod-box-header span.header-2,
div.mod-box-templatecolor.mod-box-header span.header-3 { background-image: url(../../images/styles/promodoc/module_box_templatecolor_corners.png); }
div.mod-box-templatecolor div.box-1 { background-color: #3C8CA9; }
div.mod-box-templatecolor div.box-2 {
	color: #F2F3F4;
	background-image: url(../../images/styles/promodoc/module_box_templatecolor_bg.png);
	background-color: #F3F8F8;
}
div.mod-box-templatecolor a,
div.mod-box-templatecolor em.box,
div.mod-box-templatecolor ul.line > li > a { color: #245A6F; }

div.mod-box-templatecolor2 div.box-t1,
div.mod-box-templatecolor2 div.box-t2,
div.mod-box-templatecolor2 div.box-t3,
div.mod-box-templatecolor2 div.box-b1,
div.mod-box-templatecolor2 div.box-b2,
div.mod-box-templatecolor2 div.box-b3,
div.mod-box-templatecolor2.mod-box-header h3.header,
div.mod-box-templatecolor2.mod-box-header span.header-2,
div.mod-box-templatecolor2.mod-box-header span.header-3 { background-image: url(../../images/styles/promodoc/module_box_templatecolor2_corners.png); }

div.mod-box-templatecolor2 div.box-1 { background-color: #9999cc; }
div.mod-box-templatecolor2 div.box-2 { 
	color: #F2F3F4;
	background-image: url(../../images/styles/promodoc/module_box_templatecolor2_bg.png);
	background-color: #8b8bbe;
}
div.mod-box-templatecolor2 a,
div.mod-box-templatecolor2 em.box,
div.mod-box-templatecolor2 ul.line > li > a { color: #ffffff;
	text-decoration: underline;
}



div.mod-box-templatecolor3 div.box-t1,
div.mod-box-templatecolor3 div.box-t2,
div.mod-box-templatecolor3 div.box-t3,
div.mod-box-templatecolor3 div.box-b1,
div.mod-box-templatecolor3 div.box-b2,
div.mod-box-templatecolor3 div.box-b3,
div.mod-box-templatecolor3.mod-box-header h3.header,
div.mod-box-templatecolor3.mod-box-header span.header-2,
div.mod-box-templatecolor3.mod-box-header span.header-3 { background-image: url(../../images/styles/promodoc/module_box_templatecolor3_corners.png); }

div.mod-box-templatecolor4 div.box-t1,
div.mod-box-templatecolor4 div.box-t2,
div.mod-box-templatecolor4 div.box-t3,
div.mod-box-templatecolor4 div.box-b1,
div.mod-box-templatecolor4 div.box-b2,
div.mod-box-templatecolor4 div.box-b3,
div.mod-box-templatecolor4.mod-box-header h3.header,
div.mod-box-templatecolor4.mod-box-header span.header-2,
div.mod-box-templatecolor4.mod-box-header span.header-3 { background-image: url(../../images/styles/promodoc/module_box_templatecolor4_corners.png); }



/* system */
#system .item > .links a,
a.readmore {
	text-decoration: none;
	display: inline-block;
	height: 30px;
	margin-right: 5px;
	padding: 0 12px 0 12px;
	border: 1px solid #9999cc;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0 1px 0px rgba(0,0,0,0.3);
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #9999cc;
	background: -moz-linear-gradient(
					50% 0%,
					#9999cc 0%,
					#6966A5 100%
				);
				
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, #9999cc),
					color-stop(100%, #6966A5)
				);
	text-transform: none;
}
#system .item > .links a:hover,
#page a.readmore:hover {
	border-color: #205C73;
	background: #6966A5;
	background: -moz-linear-gradient(
					50% 0%,
					#6966A5 0%,
					#9999cc 100%
				);
				
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, #6966A5),
					color-stop(100%, #9999cc)
				);
}
#system .item > .links a:active,
#page a.readmore:active {
	background: -moz-linear-gradient(
					50% 0%,
					#9999cc 0%,
					#6966A5 100%
				);
				
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, #9999cc),
					color-stop(100%, #6966A5)
				);
}

#searchbox .results li.results-header,
#searchbox .results li.more-results {
	border-color: #205C73;
	background: #9999cc;
	background: -moz-linear-gradient(
					50% 0%,
					#9999cc 0%,
					#6966A5 100%
				);
				
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, #9999cc),
					color-stop(100%, #6966A5)
				);
}
#searchbox .results li.result { background-color: #F2F8F9; }
#searchbox .results li.result.selected h3,
#system .pagination strong { color: #8b8bbe; }

.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong,
.breadcrumbs strong:first-child { background-image: url(../../images/styles/promodoc/breadcrumbs.png);}
.breadcrumbs a,
.breadcrumbs span {	
	color: #ffffff;
	text-shadow:none;
	font-weight:bold;
	/*text-shadow: 0 1px 0 rgba(255,255,255,1);*/
	font-size:14px;
}
.breadcrumbs a:hover {
	color: #8b8bbe;	
}
.breadcrumbs strong { 
	font-size:14px;
	color: #ffffff;
	text-shadow:none;
	font-weight: bold;
	/*text-shadow: 0 1px 0 rgba(156,156,156,1);*/
	background: none;
}


/* custom */

#page .hometeaser {
	background: url(../../../../images/site/home/home.jpg) no-repeat;
}
#page .studentteaser {
	background: url(../../../../images/site/home/student.jpg) no-repeat;
}
#page .institutionteaser {
	background: url(../../../../images/site/home/institution.jpg) no-repeat;
}

#page .hometeaser .buttons a { background-image: url(../../../../images/yootheme/home_teaser_button_white.png); }

/* pagenav */
#main ul.pagenav {
	list-style-type:none;
	padding:0;
	overflow:hidden
}
ul.pagenav li
{
	display:inline-block;
	padding:0px;
	margin:0;
}
#main ul.pagenav li
{
	line-height:2em
}
ul.pagenav li a
{
	text-decoration: none;
	display: inline-block;
	height: 30px;
	margin-right: 5px;
	padding: 0 12px 0 12px;
	border: 1px solid #a9a9a9;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0 1px 0px rgba(0,0,0,0.3);
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
ul.pagenav li a
{
	border-color: #9999cc;
	background: #9999cc;
	background: -moz-linear-gradient(
					50% 0%,
					#9999cc 0%,
					#6966A5 100%
				);
				
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, #9999cc),
					color-stop(100%, #6966A5)
				);
}
ul.pagenav li a:hover
{
	border-color: #205C73;
	background: #6966A5;
	background: -moz-linear-gradient(
					50% 0%,
					#6966A5 0%,
					#9999cc 100%
				);
				
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, #6966A5),
					color-stop(100%, #9999cc)
				);
}

ul.pagenav li.pagenav-prev
{float:left}
ul.pagenav li.pagenav-next
{float:right}

