/* CSS Document */
/* Start Taken from resetstyles.css*/
html,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
/*table { border-collapse: collapse; border-spacing: 0; }*/
/* End Taken from resetstyles.css*/


div
{
	outline: 0px dashed #658300;
}

body
{
	font-family:Arial,Helvetica,Tahoma, Geneva;
	font-size: 14px;

}


.loginpanelholder
{
	text-align:center;
}
.loginpanel
{
	width: 792px;
	height: 396px;
	background-image:url(../images/login.gif);
	background-repeat:no-repeat;
	margin:auto;
	
}
.loginpanel2
{
	position:relative;
	width: 792px;
	height: 396px;
	
}
.loginhead 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight:bolder;
	/*float: right;
	margin-right: 7em;*/
	margin-left:60%;
	/* margin-top: 100px; */
	padding-top :88px;
	padding-bottom:12px;
	position: relative;
}
.help{
	float: right;
	margin-right: .8em;
	margin-top: 50px;
}
.loginbase  
{
	margin-top: 70px;
	/*float: right;*/
	margin-left:25%;
	width: 600px;

}
.base 
{
	clear: both;
	padding-top: 0px;
}
.base span.labelone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 100px;
	margin-top: 8px;
	text-align: right;
}

.base span.formv 
{
	text-align:left;
	float: left;
	margin-left: 10px;
	background-image:url(../images/text-field.gif);
	height: 33px;
	width: 303px;
 }
.input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 0px;
	margin-left: 7px;
	margin-top: 5px;
	height: 16px;
	width: 283px;
}

.loginbutton 
{
  clear: both;
  float: right;
  margin-right: 9em;
  margin-top: 65px;
  }

  
.alertmsg  
{
margin-top: 20px;
margin-left: 270px;
float: inherit;
width: 600px;
  }
  
  #loginerrortxt
{
	color:red; font-size:14px;
}

.clientlogo
{
	width: 95%;
	margin-top: 30px;
	margin-bottom: 38px;
	text-align: right;
}
.errormessage
{
	margin-top:4px;
	float:left;
	text-align:left;
	color:Red;
}
.message
{
	width: 400px;
	float:left;
	text-align: right;
	color:Red;
}
/*------------------------------------------------ service desk css --------------------------------------------------------*/
.contentSD{
width: 768px;
/*margin-left: auto;
margin-right: auto;*/
text-align: left;
}

.background-imgSD{
background: url(../images/service-desk-header.png) 100% 0px no-repeat;
background-position:right;
width: 768px;
min-height: 427px;
height: 427px;
float:right;
right:0px;
}
.background-imgrepeaterSD{
background: url(../images/service-desk-repeater.png) 100% 0px no-repeat;
background-position:right;
width: 768px;
float:right;
}
html> body.background-imgrepeaterSD{height:auto;}

/*-------------------------------Above code Holding the  background images code Ends here-----------------------------*/

/*-------------------------------Below code containing top header code start from here-----------------------------*/
.mainheaderSD
{
padding-left: 20px;
padding-right: 20px;
height:107px;
}
.mainheading-container-textSD
{
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color:#333333;
width: 60%;
padding-top: 35px;
}

#logoSD
{background: url(../images/Tin-logo.png) 100% 0px no-repeat;
width: 224px;
height: 107px;
float:right;
/*margin: 5px;*/ /*-------------------Enable it if this id is going under mainheader class other wise use margin 15px*/
}
/*-------------------------------Above code containing top header code Ends here-----------------------------*/

/*-------------------------------------Middle Top Section code start from here-----------------------------------------*/

.middle-top-containerSD
{
padding-top: 20px;
padding-left: 40px;
padding-right: 40px;
height: auto
}
.middle-topsection-leftSD
{
float:left;
width: 440px;
height: 280px;
display: block;
}

/*-------------------------------------Middle Top Section code Ends here-----------------------------------------*/
#faq-serviceSD
{
      background: url(../images/systeembeheer.png) 100% 0px no-repeat;
      
}
.containerSD
{
height: 95px;
width: 100%;
/*margin-left: 30px;*/
text-decoration:underline;
}
#support-iconSD
{
background: url(../images/support-icon.png) 100% 0px no-repeat;
height: 95px;
width: 98px;
float:left;
margin-right: 30px;
display:block;
cursor:pointer;
}
#question-iconSD
{
background: url(../images/question-icon.png) 100% 0px no-repeat;
height: 95px;
width: 98px;
float:left;
margin-right: 30px;
display:block;
cursor:pointer;
}
#test-iconSD
{
background: url(../images/test-icon.png) 100% 0px no-repeat;
height: 95px;
width: 98px;
float:right;
margin-right: 110px;
display:block;
cursor:pointer;
}
#support-textSD
{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: bold;
color:#334200;
padding: 8px;
width: 50%;
padding-top: 30px;
display:block;
cursor:pointer;
text-decoration:none;
}
#question-textSD
{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
font-style: normal;
color:#334200;
padding: 8px;
width: 55%;
margin-left: 50px;
padding-top: 30px;
display:block;
cursor:pointer;
text-decoration:none;
}
.question-textSD a:hover
{
text-decoration:underline;
color: #FFFFFF;
}
a
{
color: #658300;
}
#test-textSD
{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
font-style: normal;
color:#334200;
padding: 8px;
padding-top: 30px;
padding-left: 130px;
float:left;
width: 50%;
display:block;
cursor:pointer;
text-decoration:none;
}
.greenlineSD{
margin-left: 40px;
margin-right: 40px;
width: 90%;
border-bottom: 1px solid #658300;
}
.greenboxSD
{
height: 20px;
background-color: #658300;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
padding: 3px;
text-indent: 20px;
line-height: 18px;
cursor:pointer;
overflow:hidden;
border:1px dotted #ffffff;

}
.faq-containerSD
{
text-align:right;
padding-left:10px;
/*border:1px dotted #00305C;*/
padding-top: 50px;
padding-right:20px;
padding-bottom: 40px;
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
}
.reportSD{
width: 90%;
/*border:1px dotted #00305C;*/
font-family:Arial, Helvetica, sans-serif;
color: #658300;
font-size: 13px;
font-weight:normal;
text-indent: 0px;
height:0px;
overflow:hidden;
visibility:hidden;
position:relative;
}
.backSD
{
float:right;
padding-right:50px;
color: #000000; 
font-size: 14px; 
font-weight: normal; 
font-family: Verdana, Arial, Helvetica, sans-serif;
/*text-decoration:underline;
border:1px dotted #00305C;*/
} 
.message-heading{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: bold;
}
.message-container{
background-color: #fafff4;
border: 1px solid #719c39;
width: 60%;
min-height: 100px;
height: 100px;
padding: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
html>body .message-container{height: auto;}
 /*.antwoordInhoudSD {  
      position:relative;
      font-family: Arial, Helvetica, sans-serif;
      font-size:13px;   
      padding:2px; }
.wrapSD{float:none;}*/

.messagedetail_main
{
      background-color: #FFFFFF;
      border: 1px solid #658300;    
}
/*------------------------class for send message succussfully-----------------------------------*/
td.messageSD{
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
font-size: 16px;
text-align: left;
background-color: #dae1c1;
height:30px;
}

.message-containerSD
{
      background-color: #b5bf8f;
      /*background-color: #e4e9d4;*/
      padding:10px;
      height: 150px;
      border: 1px solid #9ba969;    
      width: 90%;
}
.message-headingSD
{
      font-family: Arial, Helvetica, sans-serif;
      font-size:16px;   
      color: #334200;
      font-weight: bold;
      padding-bottom: 35px;
}

/*-------------Table Color for Service Desk code  start from here*/

table.strSD
{
table-layout: fixed;
background-color: #dae1c1;
}

/*----------------------------Service Desk css ends here------------------*/


/* ---- New CSS Classes for Memberships starts here --- */
.loginButtonStyle
{
	margin:20px;
	padding:20px;
	cursor:hand;
	
}
.loginpanelnew
{
	width: 792px;
	height: 396px;
	background-image:url(../images/login.gif);
	background-repeat:no-repeat;
	text-align:center;
	margin: 0 auto;
}
/*html>body .error-message
{
	width: 700px; 
	height: auto;
   margin-left: 30px;
   margin-right: 30px;
   border: 1px solid #000;
   }*/
.error-message
{
	
	/*margin: 0 auto;*/
	margin-left: 25%;
	margin-right:20%;
 }

.loginpanelnew1
{
	/*border-left: 1px dotted #000;*/
	margin-right:12em; 
	margin-top:40px;
	float:right;
}

.inputtextbox
{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		border: 0px;
		margin-left: 7px;
		margin-top: 10px;
		margin-right:5px;
		height: 20px;
		width: 283px;
}

.loginheadnew
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight:bold;
	/*float: right;
	margin-right: 7em;*/
	margin-left:80%;
	/* margin-top: 100px; */
	padding-top :88px;
	padding-bottom:12px;
	position: relative;
}
.messagelogin
{
	/*width: 400px;
	float:none;	
	margin-left:20px;*/
	color:#FF0000;
	text-align:left;
}
/* ---- New CSS Classes for Memberships ends here */

h1, h2, p{margin:0; padding:0;}
h1{color:#fff; font:normal 30px Arial, Helvetica, sans-serif; background:url(../images/header_bg.png) no-repeat top left; line-height:78px; margin:7px 0 24px 8px; width:588px; padding:0 0 0 85px}
h2{font:normal 14px Arial, Helvetica, sans-serif; float:left; padding:35px 0 0 10px; width:490px}
h2 a{color:#658300; font-weight:bold;}
h2 a:hover{text-decoration:none;font-weight:bold;}
p{float:left; padding:0 0 24px 10px; width:490px}

div#wrapper{margin:0 auto; width:673px; height:432px;}
div#wrapper div{width:614px; float:left; padding:0 0 0 10px;}

#wrapper span{width:114px; height:100px; float:left;}
#wrapper span.veelges{background:url(../images/veelges.png) no-repeat top left;}
#wrapper span.systeem{background:url(../images/systeem.png) no-repeat top left}
#wrapper span.support_ticket{background:url(../images/support_ticket.png) no-repeat top left}

#wrapper span.elearning{background:url(../images/e-learning.png) no-repeat top left}
#wrapper span.systeembeheer{background:url(../images/systeembeheer.png) no-repeat top left}
#wrapper span.sd{background:url(../images/sd.png) no-repeat top left}

div#faq-containerSD div{width:614px; padding:0 0px 0 0px; text-indent:15px; }
.container{width: 100%; margin-top:12px;}
table.system{ width: 100%; border:0; border-collapse:collapse; margin-bottom: 15px; }
table.system th{ background-color:#658300; color:#FFFFFF; padding:8px; text-align:left;} 
table.system td { background-color:#f0f7d9; } 
table.system td.ind { background-color:#f0f7d9; text-indent:7px; } 
table.system td.check-mark { background:url(../images/check.png) no-repeat top right; background-color:#f0f7d9;} 
table.system td.cancel { background:url(../images/cancel.png) no-repeat top right; background-color:#f0f7d9;}