/*ZHAW PAGE BLUE: #0164A7*/

body
{
    margin:0px;
    padding:0px;
    font-family: Arial, Verdana;
    font-size:12px;
}
#results {
    padding-left:13px;
}
#mainDiv
{
    width: 1000px;
    min-height:800px;
   /* background-color:green;*/
}
#loginContentDiv {
    width:1000px;
    /*background-color:red;*/
    min-height:600px;
}

#centeredLoginContentDiv {
    margin-left:auto;
    margin-right:auto;
    width:800px;
    /*background-color:green;*/
    padding-top:20px;
}
/*error style for the jquery validation error msgs*/
input.errorMsg {
    border: 1px solid red;
}
select.errorMsg {
    border: 1px solid red;
}
label.errorMsg  {
    color:red;
    margin-left:20px;

}
/*internal styles*/
#moduleNavigation
{
    width:1003px;
    color:white;
    background-color:#0164A7;
    height:60px;
    padding:5px;
    padding-left: 10px;
    padding-right:0px;
}
.moduleNavigationItemHover { 
    cursor:pointer;
    border:1px solid orange;
}
.moduleNavigationItemNormal {
    cursor:pointer;
    border:1px solid white;
}
.moduleNavigationItemDemo {
    border: 1px solid #CDCDCD;
    color:#CDCDCD;
    font-weight:bold;
}
.moduleNavigationItem
{
    
    width:149px;
    height: 50px;
    padding: 3px;
    margin-right:10px;
    float:left;
}
.moduleNavigationItem a:link{ color:white; text-decoration:none; font-weight:bold;}
.moduleNavigationItem a:visited{ color:white; text-decoration:none; font-weight:bold;}
.moduleNavigationItem a:active{ color:white; text-decoration:none; font-weight:bold;}
.moduleNavigationItem a:hover{ color:orange; text-decoration:none; font-weight:bold;}
/*Drag and Drop styles*/
.taskAllocateTitle
{
    font-weight:bold;
}
.taskAllocateConatiner
{
    width:740px;
    /*background-color:red;*/
    overflow:auto;
}
.groupDivTitle
{
    font-weight:bold;
    padding:5px;
    font-size:14px;
    border-bottom:1px solid black;
}
.dropableGroupDiv
{
    float:left;
    margin-left:5px;
    margin-top:5px;
    border: 1px solid black;
    /*background-color:yellow;*/
}
.dropZoneDiv
{
    background-color:#E5E5E5;
    overflow:auto;
}
.conatinerDiv
{
    width:725px;
    margin-left:5px;
    margin-top:10px;
    border:1px solid black;
    min-height:150px;
    clear:both;
    padding:5px;
    background-color:#E5E5E5;
    overflow:auto;
    /*background-color:red;*/
}
.dropZonesLeft {
    width:540px;
    overflow:auto;
    /*background-color: blue;*/
    float:left;
}
.containerLeft
 {
    float:left;
    width:200px;
    background-color: #E5E5E5;
    min-height:400px;
}
.containerRight {
    float:left;
    width:200px;
    background-color: #E5E5E5;
    min-height:400px;
}
.dropZonesRight {
    width:540px;
    overflow:auto;
    /*background-color: blue;*/
    float:left;
}
.draggableText
{
    cursor:pointer;
    font-weight:bold;
    font-style:italic; 
}
.draggableTextDropped {
    padding: 1px;
    margin:2px;
    border: 1px solid black;
    display:block;float:left;overflow:auto;
}
.draggableTextDeactivated
{
    font-weight:bold;
    font-style:italic;
    color:#858585;
}
.draggable
{
   border: 1px solid black;
    padding: 1px;
    margin:2px;
    float:left;
    cursor:pointer;
    width:173px; 
    overflow:auto;  
}
/*Text box styles*/
.textBoxQuestion
{
    font-weight:bold;
}
.textBoxUserAnswer textarea
{
    border: 1px solid black;
}
.solutionText
{
    width:647px;
    background-color:#C0D9AF;
    padding:5px;
    border: 2px solid green;
}
/*task styles*/
.inputCell
{
    vertical-align:top;
}
.answerCell
{
    
}
.answerImg
{
    padding-left:5px;
}
.mpcTaskQuestion
{
    font-weight:bold;
}
.mpcTaskIndent, .punctuationText
{
    margin-left:35px;
}

.correct {
    color:green;
    font-weight:bold;
}

.wrong-line-through {
    color:red;
    font-weight:bold;
	text-decoration: line-through;
}

.wrong {
    color:red;
    font-weight:bold;
}
.inputBlack {
    margin-right: 6px;
}
.imageInput
{
    margin-left:3px;
    margin-right:2px;
}

.punctuationText {
	font-size:1em;
	line-height: 1.3em;
}

.punctuationLink {
	text-decoration: none;	
	color: black;
}

.punctuationNonChosen {
	font-size: 1em;
	font-weight: normal;
}

.punctuationChosen {
	font-size: 1.3em;
	font-weight: bolder;
}

.punctuationCorrect {
	font-size: 1.5em;
	font-weight: 900;
	color: green;
}

.punctuationFalse {
	font-size: 1.5em;
	font-weight: 900;
	color: red;
}

.punctuationNotSet {
	font-size: 1.5em;
	font-weight: 900;
	color: blue;
}

.TaskTextboxcorrectQuestionLeft {
	float: left;

}

.TaskTextboxcorrectInputBoxRight {
	display: block;
	text-align: right;
	top: 1.1em;
	position: relative;
}
.TextBoxCorrectCheckResults {

    border: 2px inset threedface;
    cursor: text;
    letter-spacing: normal;
    line-height: normal !important;
    padding: 2px;
	font-size: 1.1em;
    text-indent: 0;
    text-transform: none;
    word-spacing: normal;
	display: inline-block;
	margin-bottom: 2px;
	color:green;
    font-weight:normal;
	
}


/*main content styles*/
#contentPageNaviDiv /* contains the page navigation and the page->content*/
{
    overflow:auto;
}

#contentDiv
{
    padding-top:9px;
    width:735px;
    min-height:500px;
    padding-bottom: 20px;
    float:left;
    padding-left: 12px;
    padding-right: 12px;
    border-left: 2px solid #0164A7;
	
    /*background-color:red;*/
}

/*Page navigation styles*/

#pageNavigation {
    width:227px;
    min-height:500px;
    /*background-color:red;*/
    float:left;
    padding-right:12px;
}

#pageNavigationList
{
    padding-left:12px;   
}
#pageNavigationContainer{
    margin:9px;
    margin-top:18px;
    /*background-color:green;*/
}
.pageNavigationItemNormal
{
    border: 1px solid #0164A7;
}
.pageNavigationItemHover
{
    border: 1px solid orange;
}
.pageNavigationItemActive
{
    border: 1px solid orange;
}
.pageNavigationItem
{
    cursor: pointer;
    list-style:none;
    margin-top:7px;
    margin-bottom:7px;
    padding:3px;
    
    width:208px;
    overflow:auto;
    /*background-color:green;*/
}

a.pageNavigationLinkNormal:visited,
a.pageNavigationLinkNormal:link{
	color:#0164A7 !important;
}
a.pageNavigationLinkHover:visited,
a.pageNavigationLinkHover:link,
a.pageNavigationLinkHover:active,
a.pageNavigationLinkHover:hover,
a.pageNavigationLinkHover:focus{
	color:orange !important;
}


.pageLink
{
    /*background-color:yellow;*/
    width:185px;
    float:left;
}
.pageImage
{
    display:inline;
    /*background-color:orange;*/
    width:16px; 
    height:16px;
    float:left;
    margin-right:5px;
}
.pageLink a:link {color:#0164A7; font-weight:bold; text-decoration:none;}
.pageLink a:visited {color:#0164A7; font-weight:bold; text-decoration:none;}
.pageLink a:active {color:#0164A7; font-weight:bold; text-decoration:none;}
.pageLink a:hover {color:orange; font-weight:bold; text-decoration:none;}

.pageTitle
{
    font-weight:bold;
    font-size:25px;
    padding-top:10px;
    padding-bottom:10px;
}
/*forward and backward links*/
#forwardBackwardContainer
{
    width:100%;
    height:26px;
    /*background-color:red;*/
}
#lineExtender
{
    width:239px;
    height:26px;
    border-right:2px solid #0164A7;
    float:left;
}
#backwardLink
{
    width:200px;
    float:left;
    /*background-color:yellow;*/
    height:20px;
}
#forwardLink
{
    text-align:right;
    width:200px;
    float:right;
    /*background-color:green;*/
    height:20px;
}
#copyRight
{
    margin-left:110px;
    height:20px;
    float:left;
    /*background-color:red;*/
}
.pageNavLinks {
    margin: 3px 10px 3px 10px;
}

.pageNavLinks a:link {color:#0164A7; text-decoration:none;}
.pageNavLinks a:active {color:#0164A7; text-decoration:none;}
.pageNavLinks a:visited {color:#0164A7; text-decoration:none;}
.pageNavLinks a:hover { color:orange; text-decoration:none;}

/*Footer classes*/
.impressumLeft {
    float:left;
    width:50%;
}
.impressumRight {
    float:left;
}

#footerLeft {
    padding-top:4px;
    height:17px;
    float:left;
    margin-left:230px;
}
#footerRight {
    margin-right:20px;
    float:right;
    padding-top:4px;
    height:17px;
    
}

#footer a:link {color:white; padding-left:15px;}
#footer a:visited {color:white; padding-left:15px;}
#footer a:active {color:white; padding-left:15px;}
#footer a:hover {color:orange; padding-left:15px;}

#footer
{
    clear:both;
    width:100%;
    height:25px;
    background-color:#0164A7;
    color:white;
}