.Justified { text-align:justify; }

#FormLogin { clear:both; height:300px; margin:0 auto; text-align:center; width:400px; } 
#FormLogin input[type=text], #FormLogin input[type=password], #FormLogin textarea  { border:0; background-color:#e3e4e5; padding:8px 6px; text-align:left; color: #707173; font-weight:bold; font-size:14px; 
				border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; }
	
.MessageOk { border:0; background-color:#c8f49e; color:#000000; padding:8px 6px; text-align:justify; font-weight:bold; font-size:14px; 
			border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; }
			

.MessageErrorUp 		{ border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; position:relative; background-color:#C30; color:#ffffff; padding:6px 4px 6px 10px; text-align:justify; font-weight:bold; font-size:13px; }
.MessageErrorUp:after {	bottom: 100%;	left: 10%; 	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;border-width: 5px;	
	border-color: rgba(213, 6, 6, 0);
	border-bottom-color: #C30;
}

.MessageOkUp 		{ border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; position:relative; background-color:#05abf1; color:#ffffff; padding:6px 4px 6px 10px; text-align:justify; font-weight:bold; font-size:13px; }	
.MessageOkUp:after {	bottom: 100%;	left: 10%; 	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;border-width: 5px;	
	border-color: rgba(0, 135, 192, 0);
	border-bottom-color: #05abf1;
}

.MessageOkDown 		{ border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; position:relative; background-color:#05abf1; color:#ffffff; padding:6px 4px 6px 10px; text-align:justify; font-weight:bold; font-size:13px; }	
.MessageOkDown:after {	top: 100%;	left: 50%; 	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;border-width: 5px;	
	border-color: rgba(0, 135, 192, 0);
	border-top-color: #05abf1;
}

.MessageCronosUp 		{ border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; position:relative; background-color:#d8eaea; color:#333333; padding:6px 4px 6px 10px; text-align:justify; font-weight:bold; font-size:13px; }	
.MessageCronosUp:after {	bottom: 100%;	left: 10%; 	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;border-width: 5px;	
	border-color: rgba(0, 135, 192, 0);
	border-bottom-color: #d8eaea;
}

.MessageError 		{ border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; position:relative; background-color:#C30; color:#ffffff; padding:6px 4px 6px 10px; text-align:justify; font-weight:bold; font-size:13px; }

	
.MessageNeutral { border:0; background-color:#f5f5f5; color:#000000; padding:8px 6px; text-align:justify; font-weight:bold; font-size:14px; 
	border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; }


.KillerQuestion { border:0; background-color:#efefef; text-align:justify; 
	border-radius:15px; 	-moz-border-radius:15px;	 -webkit-border-radius:15px; }
							
.InputTrans 	{ background:none; border:0 }


.WhiteLink { text-decoration:none; color:#ffffff; }

.AddButton 		{ text-decoration:none; font-size:9px; background:#ededed url(img/add_button.gif) left no-repeat; padding:2px 14px 2px 24px; color:#333333; width:130px;}
.AddButtonBlue 	{ text-decoration:none; font-size:9px; background:#ededed url(img/add_button_blue.gif) left no-repeat; padding:2px 14px 2px 24px; color:#333333; width:130px;}

.CounterMenu { background-color: #cacaca; color:#ffffff; font-size:10px; }


#FormButton	{ 
	background:url(img/background_button.png) repeat-x; height:26px; width:200px;  padding-top:0px; margin:15px auto; text-align:center; 
	border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; }
#FormButtonGray	{ 
background:url(img/background_button_gray.png) repeat-x; height:26px; width:200px;  padding-top:0px; margin:15px auto; text-align:center; 
border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; }
#FormButtonGreen	{ 
background:url(img/background_button_green.png) repeat-x; height:26px; width:200px;  padding-top:0px; margin:15px auto; text-align:center; 
border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; }
#FormButtonBlue	{ 
background:url(img/background_button_blue.png) repeat-x; height:26px; width:200px;  padding-top:0px; margin:15px auto; text-align:center; 
border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; }
.ButtonLink { color:#ffffff; font-weight:bold; text-decoration:none; font-size:13px; border:0; background:none; }


#ConfirmButtonYes { 
	background-color:#993300; height:30px; width:200px;  padding-top:0px; margin:15px auto; text-align:center; 
	border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; }
.ConfirmButtonYesLink { color:#ffffff; font-weight:bold; text-decoration:none; font-size:13px; border:0; background:none; }

#ConfirmButtonNo { 
	background-color:#009900; height:30px; width:200px;  padding-top:0px; margin:15px auto; text-align:center; 
	border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; }
.ConfirmButtonNoLink { color:#ffffff; font-weight:bold; text-decoration:none; font-size:13px; border:0; background:none; }

#QuadamLogo { background:url(img/quadam_color.jpg) center no-repeat; height:80px; width:140px; margin:0 auto;}

.Debug { margin:10px; padding:10px; background-color:#FFC; }


.BigTitle { font-size:16px; font-weight:bold; text-align:left; background-color:#f5f5f5; padding:4px 0 4px 8px; clear:both; margin: 15px auto 0 auto; width:94%; }

.RightBorder { border-right:1px solid #cacaca; padding:0 10px; }
.ReadOnly	{ background-color:#cacaca; }
.TextSmall	{ font-size:11px; }
.TextVerySmall { font-size:9px; }

/* Header */
#Header             { background:#ffffff; width:100%; height:50px; display:inline-block; text-align:left; clear:both; color:#999999; padding:0 0 0 30px; margin:0 auto;  }
#Header #HeaderMenu { display:inline-block; padding-top:12px; }

/* Main */

#MainMenu UL        { list-style:none; text-align:center; display:inline-block; }
#MainMenu UL LI     { float:left; padding:15px 25px 10px 25px; text-align:center;  }
#MainMenu UL LI IMG { border:0px; }
#MainMenu UL LI A   { text-decoration:none; color:#000000; line-height:20px; }

.GreyBG { background-color:#f5f5f5;}

.PinkBold	{ color:#aa558c; }
.PinkBoldInverted { background-color:#aa558c; color:#ffffff; }
.PinkColor	{ color:#dac2d2; }
.PinkBG 	{ background-color:#f4e9f1; }

.GreenBold	{ color:#393a3e; }
.GreenColor	{ color:#9cd3d0; }
.GreenBG	{ background-color:#e1efef; }

.BrownBG 	{ background-color:#ece5df; }
.BrownBold	{ color:#796010; }

.DateTitle { padding:2px 4px; display:inline; text-align:center; }

.RedLink { color:#990000; text-decoration:underline; font-size:10px; }

.ArrowHeader		{ font-weight:bold; text-transform:uppercase; height:20px; background:#ffffff url(img/arrow_red.gif) left no-repeat; text-align:left; color:#000000; padding:0 0 0 35px; margin:0 0 10px 0;  }
.ChatHeader		{ text-transform:uppercase; height:20px; background:url(img/private_msg.gif) left no-repeat; text-align:left; color:#000000; padding:0 0 0 35px; margin:0 0 10px 0;  }
.ArrowHeaderLight	{ text-transform:uppercase; height:20px; background:#ffffff url(img/arrow_red.gif) left no-repeat; text-align:left; color:#000000; padding:0 0 0 35px; margin:0 0 10px 0; font-size:12px;  }

/* Listings */
.Element { margin-bottom:7px; clear:both; display:block; width:100%; }

/* Course Details */
#CourseDetailed								{ display:block; clear:both; margin:0 auto; width:98%; }
	#CourseDetailedHeader					{ display:block; clear:both; }
	#CourseDetailedDescription				{ clear:both; padding:10px 20px; background-color:#f5f5f5; }
		#CourseDetailedDescriptionTeacher	{ padding:10px; margin:0; width:300px; float:left; min-height:300px; border-color:1px solid red; }
		#CourseDetailedDescriptionInfo		{ padding:10px; float:left; margin-left:40px; border-color:1px solid red; }
		
A { text-decoration:none; color:#333333; }

#Tip 			{ background-color:#FFFFCC; padding:10px; font:11px "Trebuchet MS"; color:#333333; text-align:justify; clear:both; }
.Tip			{ margin:0; color:#008CFF; font-size:11px; padding:4px; clear:both;   }

#FormButtonPopup	{ 
	background:url(img/background_button.png) repeat-x; height:26px; width:200px;  padding-top:0px; margin:15px auto; text-align:center; 
	border-radius:5px; 	-moz-border-radius:5px;	 -webkit-border-radius:5px; }

.Grey { color:#666; }
	
.VerticalText {
    writing-mode:tb-rl;
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -o-transform: rotate(270deg);
    white-space:nowrap;
    display:block;
    bottom:0;
}  

.isloading-wrapper.isloading-right {
  margin-left: 10px;
}
.isloading-overlay {
  position: relative;
  text-align: center;
}
.isloading-overlay .isloading-wrapper {
  background: #FFFFFF;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  display: inline-block;
  margin: 0 auto;
  padding: 10px 20px;
  top: 10%;
  z-index: 9000;
}

.HighLighted		{ background-color:#fff6f6!important; }
.HighLightedSource	{ background-color:#CCC; }

#CalendarRightMenu{  
    display: none;   
    background-color:#ffffff;
    border:1px solid #f5f5f5;
    position: absolute;
    padding:0;
    text-align:left; 
    margin:0;
    z-index:99;  
}  
#CalendarRightMenu ul{  
    color: #6d6d6d;  
    text-align:left;
    list-style:none; 
    padding:0;
    margin:0;

}  
#CalendarRightMenu ul li{  
    padding: 5px;  
    border-bottom: 1px solid #f5f5f5;
    background-color:#ffffff;
    font-size: 11px; 
    height:20px; 
    width: 130px;
}  
#CalendarRightMenu ul li:hover{  
    background-color: #fff8cc;  
    border-bottom: 1px solid #ffe222;  
    color: #000;  
    cursor: pointer;  
}  
#CalendarRightMenu ul li a{  
    color: #6d6d6d;  
    display: block;  
	
}  
#CalendarRightMenu ul li.disabled, #RightMenu ul li.disabled a{  
    color: #bbbbbb;  
    cursor: default;  
}  
#CalendarRightMenu ul li.disabled:hover{  
    background: #fff;  
    border-bottom: 1px solid #fff;  
}  
#CalendarRightMenu ul li{  
    background-position: 3px 6px;  
    background-repeat: no-repeat;
}  

.BtnMessage {
    color:#555555; 
    background-color:#f7f7f7; 
    padding:5px 9px; 
    text-align:center; 
    border:1px solid #cccccc;
    border-radius:3px; 	
    -moz-border-radius:3px;	
    -webkit-border-radius:3px;
    box-shadow: 1px 1px 1px #e5e5e5;
    cursor: pointer;
}