/************************************************************
 * Management 11 Plus
 * Development: SwissVBS <http://www.swissvbs.com>
 * CSS/XHTML: Adrian Astorga <aastorga@swissvbs.com>
 * Date: May 08, 2009
 ************************************************************/

body {
	background-color: #f7fffb;
	color: #231F20;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}

.clear-both {
	clear: both;
}

a:link, a:hover, a:visited, a:active {
	color: #1B8D3D;
	text-decoration: none;
}

#banners {
	margin-top: 13px;
	width: 480px;
	float: right;
}

.splbanner {
	clear: both;
	width: 300px;
	padding: 10px 0 0 0;
	text-align: center;
}


/************************************************************
 * Joomla! Core
 ************************************************************/

.frontpagetitle {
	color: #26282a;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}

.contentheading, .componentheading {
	color: #26282a;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}

.input {
	border: none;
	margin: 0 0 0 0;
	padding: 0;
}

#form-login-username label {
	color: #37383b;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	float: left;
	width: auto;
	margin-right: 5px;
	line-height: 28px;
}



.forget-password-box a:link, .forget-password-box a:visited, .forget-password-box a:active, .forget-password-box a:hover  {
	color: #37383b;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#modlgn_passwdLabel {
	margin-left: 10px;
}

.input p {
	margin: 0 0 0 0;
}

#modlgn_username, #modlgn_passwd {
	background: url(../images/bg-input-login.gif) repeat-x;
	border: #c5d5ca 1px solid;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 119px;
	float: left;
}

.article_separator {
	display: none;
}
.buttons {
	border-top: #3FBD65 1px dotted;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	width: 100%;
}

.buttons-modify {
	border-top: #3FBD65 1px dotted;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	width: 100%;
}

.button {
	background: url(../images/bg-inputs-right.gif) no-repeat;
	background-position: top right;
	border: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 29px;
	padding-right: 10px;
	text-align: center;
}

.button span {
	background: url(../images/bg-inputs-left.gif) no-repeat;
	background-position: top left;
	color: #fff;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-top: -1px;
	padding: 0 0px 0 15px;
}

.button-login {
	background: url(../images/bg-inputs-right-login.gif) no-repeat;
	background-position: top right;
	border: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 29px;
	padding-right: 10px;
	text-align: center;
}

.button-login span {
	background: url(../images/bg-inputs-left-login.gif) no-repeat;
	background-position: top left;
	color: #fff;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-top: -1px;
	padding: 0 0px 0 15px;
}

/************************************************************
 * Top Section
 ************************************************************/
 
#top {
	background-color: #eaf2ee;
	height: 100px;
	width: 100%;
}

#top-wrapper {
	margin: 0 auto;
	width: 960px;
}

/* Logo */

#logo {
	clear: both;
	border: none;
	margin-top: 20px;
}

#logo-wrapper {
	width: 300px;
	float: left;
}

/* Top Menu */

#top-menu {
	background-color: #26282a;
	height: 37px;
	width: 100%;
	border-bottom: #494b4d 4px solid;
}

#main-menu {
	margin: 0 auto;
	width: 960px;
}

#main-menu ul {
	list-style-type: none;
	margin: 0;
}

#main-menu li {
	display: inline;
	float: left;
	margin-right: 10px;
}

#main-menu li a {
	color: #d8d8d8;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 37px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
	text-decoration: none;
}

#current {
	background-color: #00a550;
	border-bottom: #1b8d3d 4px solid;
	line-height: 33px;
}

#current a:link, #current a:visited, #current a:active, #current a:hover {
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}

/************************************************************
 * Middle Section
 ************************************************************/
 
#wrapper {
	background-image: url(../images/top-bg.gif);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0 auto;
	min-height: 261px;
}

#inner-wrapper {
	margin: 0 auto;
	min-height: 300px;
	width: 960px;
}

/* Sub-header */

#sub-header {
	width: 960px;
}

/* Modules */

#user-1-mod {
	float: left;
	z-index: 1;
}

.moduletable {
	z-index: 2;
}

.moduletable_user1 {
	height: 60px;
	margin-top: 25px;
	margin-bottom: 10px;
	width: 480px;
}

.moduletable_user1 h2 {
	display: table-cell;
	height: 60px;
	vertical-align: middle;
	width: 480px;
}

.moduletable_user1 img {
	margin-top: 15px;
	border: none;
}

#user-2-mod {
	float: left;
	margin-left: 20px;
	width: 440px;
}

.moduletable_user2 {
	background-color: #00a550;
	border: #37b574 1px solid;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: left;
	height: 60px;
	margin-bottom: 25px;
	margin-top: 25px;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	width: 440px;
}

.no-line-height {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.no-line-height h2 {
	margin-top: 0;
	margin-bottom: 0;
}

.no-line-height p {
	display: table-cell;
	height: 60px;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	vertical-align: middle;
}

/* Contents */

#contents {
	background-image: url(../images/main-bg-middle.gif);
	border-top: #bbd0c1 1px solid;
	overflow: auto;
	width: 960px;
}

#component {
	color: #231f20;
	display: inline;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	width: 610px;
}

#component-standalone {
	color: #231f20;
	display: inline;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 940px;
}

#right-mod {
	float: right;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	width: 300px;
}

/************************************************************
 * Bottom Section
 ************************************************************/

#footer-m11 {
	background: url(../../../images/stories/bg-footer-m11.gif) no-repeat;
	border-left: #1d1d1d 1px solid;
	border-right: #1d1d1d 1px solid;
	height: 120px;
	margin: 0 auto;
	width: 958px;
}

#footer-m11 a {
	text-decoration: none;
}

#footer {
	background-image: url(../images/footer-bg.gif);
	background-repeat: repeat-x;
	border-left: #bbd0c1 1px solid;
	border-right: #bbd0c1 1px solid;
	height: 59px;
	margin: 0 auto;
	width: 960px;
}

/************************************************************
 * Unsorted
 ************************************************************/

.content-images {
	border: none;
	margin-right: 20px;
}

/* Front page login */

.moduletable_login {
	background-color: #e5f0ea;
	border: #c5d5ca 1px solid;
	padding: 5px 10px;
	width: 380px;
}

.moduletable_login h3 {
	color: #37383b;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	margin: 0 0 5px 0;
}

p.forget-password-box {
	float: left;
	margin-top: 0;
	width: 160px;
}

p.login-box {
	clear: both;
	float: right;
	margin-top: 0;
	text-align: right;
	width: 100px;
}

p.logout-box {
	margin-left: 170px;
	width: 100px;
}

/* Programm */

.programm-menu {
	float: left;
	margin-right: 10px;
	width: 300px;
}

.programm-menu-top {
	background: url(../../../images/stories/left-mod-top-bg.gif) no-repeat;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
	width: 290px;
}

.programm-menu-middle {
	color: #231f20;
	background: url(../../../images/stories/left-mod-bg.gif) repeat-y;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding-top: 5px;;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	width: 280px;
}

.programm-menu-bottom {
	background: url(../../../images/stories/left-mod-bottom-bg.gif) no-repeat;
	height: 4px;
	width: 300px;
}

.programm-menu-bottom span {
	display: none;
}

.programm-info {
	float: right;
	width: 600px;
}

.programm-highlight {
	background: url(../../../images/stories/programm-highlight-bg.gif) no-repeat;
	color: #fff;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 52px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 0px;
	padding-left: 10px;
	padding-top: 15px;
	text-align: center;
	text-transform: uppercase;
	width: 432px;
}	

/* Footer M11 */

.partners {
	color: #87888b;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	margin-bottom: 15px;
	margin-left: 13px;
	margin-right: 13px;
	margin-top: 20px;
	width: 290px;
}

.partners-logos {
	border: #d5d5d5 5px solid;
	float: left;
	margin-top: 0;
	margin-bottom: 5px;
	margin-right: 10px;
}

.partners h2 {
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	margin: 0 0 5px 0;
}

.partners a:link, .partners a:visited, .partners a:hover, .partners a:active {
	color: #5fc985;
}

/* Footer */

#elements-footer {
	float: right;
	padding: 5px;
	text-align: right;
	width: 300px;
}

#elements-footer a {
	color: #CCC;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	margin-right: 10px;
}

/* Uber Uns */

.uber-uns {
	float: left;
	width: 250px;
	text-align: center;
	line-height: 90px;
}

.uber-uns img {
	border: none;
}

.uber-uns-info {
	float: left;
	margin-left: 30px;
	width: 630px;
}

/************************************************************
 * System and other components
 ************************************************************/

dt.message, dt.error {
	display: none;
}

#system-message {
	margin-bottom: 10px;
	padding: 0;
}

#system-message dd ul {
	border-bottom: 3px solid #FF4200;
	color: #FF4200;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 10px;
	margin-right: 40px;
	padding: 10px;
	text-align: center;
}

.greeting-name {
	padding-top: 10px;
	padding-bottom: 10px;
}

.logout-wrapper {
	clear: both;
	overflow: visible;
}

.reset-password-labels {
	float: left;
	line-height: 32px;
	width: 390px;
}

.reset-password-button {
	float: left;
	line-height: 32px;
	width: 200px;
}

/************************************************************
 * FAQ
 ************************************************************/

.faq-questions {
	cursor: pointer;
}

.faq-numbers {
	color: #1B8D3D;
	float: left;
	font-size: 12px;
	padding-right: 8px;
}

.faq-answers {
	color: #666;
	clear: both;
	font-size: 12px;
	margin-left: 25px;
	margin-top: 5px;
}

.faq-wrappers {
	margin-bottom: 10px;
}

/* Other */

.clear-paragraph {
	clear: both;
	padding-top: 10px;
	width: 100%;
}


/* Headers */

.m11-headers-wrapper {
	margin-top: 5px;
	margin-bottom: 10px;
}

.m11-headers {
	color: #26282A;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}

.m11-headers a {
	color: #26282A;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}

.m11-headers span {
	color: #26282A;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 15px;
}

#form-login-username {
	clear: both;
	display: block;
	height: 30px;
	width: 360px;
}

#form-login-password {
        clear: both;
        display: block;
        width: 360px;
}


#form-login-remember {
	clear: both;
}

#form-login-password label {
    color: #37383B;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 28px;
    margin-right: 5px;
    width: 100px;
}

#form-login-username label {
    width: 100px;
}

#form-login-username input { width: 250px; height: 18px}
#form-login-password input { width: 250px; height: 18px}

#form-login-remember .button {
	clear: both;
	float: right;
}

#form-login-remember input#modlgn_remember {
	width: 20px;
}

#form-login-remember {
	
}