.container {
	width:100%;
	
	border-radius: 6px;

	}
	
	.container1 {
		width: 90%;
		margin: 10px auto;
		padding-top:20px;

	}
	.pkgtopic{
		text-align: center;
		margin-top: 30px;
		color:#ffffff;
		font-family:roboto;
		
	}
	
	.container2{
    position:relative;
    z-index:1;
    height:168px;
    margin:0 auto;
}

	.container2:before{
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background-color:#339999;
}
	
	.container div {
	width:100%;	
	}
	.container .collaps {
													
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	
	}
	.container .collaps1 {
													
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	
	}
	.container .collaps2 {
													
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	
	}
	.container .collaps3 {
													
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	
	}
	.container .collaps4 {
													
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	
	}

	.container .collaps5 {
													
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	
	}

	.container .collaps6 {
													
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	
	}	

	.container .collaps7 {
													
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	
	}

	.container .collaps8 {
													
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	
	}	
	
	.container .collaps9 {
													
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	
	}
	
	.container .collaps10 {
													
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	
	}
	
	.container .collaps11 {
													
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	
	}
	.container .content {
	display: none;
	padding : 5px;
	font-family:Roboto;
	color:99ffff;
	}
	
	.subtopic{
	width:100%;
	background-color:#99d0d0;
	border-radius: 4px;
	text-align:right;
	}
	
	.subtopic2{
	width:100%;
	background-color:#99d0d0;
	border-radius: 4px;
	font-weight:bold;
	}
	
	.textarea1{
	height:50px;
	background-color:#B2DFEE;
		
	}

	
	.image { 
	   position: relative; 
	   width: 100%; /* for IE 6 */
	}
	
.shadow {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}

.moredetails{
	position: absolute;  
	width: 100%; 
	margin-left:10px; 
	margin-left:5px; 
	font-family:Roboto; 
	font-style:black; 
	color:#ffffff; 
	font-size:14px;
}

.textarea1{
	font-family:Roboto;
	font-style:thin;
	font-size:16px;
	text-shadow: 1px 1px #e5ffff;
	color:#1e4867;
}

ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.img-list li {
  display: inline-block;
  margin: 0 1em 1em 0;
  position: relative;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  left: 0;
  position: absolute;
  top: 0;
}

span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width:256px;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
}

ul.img-list li:hover span.text-content {
  opacity: 1;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

.stay{
color:rgb(31,96,96);
margin-left:50px;
font-size:18px;	
}

.anil{
	background-color:#ffffff;
	border-radius:8px;
}
.anilravee{
	width:100%;
	border-radius:8px 0px 0px 5px;
}

.focusanil{
	font-family:roboto;
	font-size:16px;
	color:005858;
}

.anilday{
	color:#123652; 
	font-style:Roboto; 
	font-size:14px;
}

.anilwije{
	color:#1f5f90;
}

.wijefocus{
	color:#2D88CF;
	font-size:15px;
	letter-spacing: 0px;
}

.nimmi{
	color:#1F6060;
	font-style:Roboto;
	font-size:12px;
}

.anilphp{
	color:#1f5f90;
}


.modalDialog {
        position: fixed;
        font-family: Roboto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        z-index: 99999;
        opacity:0;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
        pointer-events: none;
    }

    .modalDialog:target {
        opacity:1;
        pointer-events: auto;
    }

    .modalDialog > div {
        width: 600px;
        position: relative;
        margin-left: auto;
		margin-right: auto;
		margin-top: 1%;
		border-radius:5px;
        background-color: #80c2c2;
        background: -moz-linear-gradient(#80c2c2, #999);
        background: -webkit-linear-gradient(#80c2c2, #999);
        background: -o-linear-gradient(#80c2c2, #999);
    }

    .close {
        background: #606061;
        color: #FFFFFF;
        line-height: 25px;
        position: absolute;
        right: -12px;
        text-align: center;
        top: -10px;
        width: 24px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
    }

    .close:hover { background: #339999; }
	

.img_part{
    z-index:-1;
    top:0;
    left:0;
    width:30%;
    height:100%;
    content:"";
    background-color:rgba(70,153,120,0.5);
	border-radius:5px;
	}
	
@media(max-width: 650px){
	.img_part  {width:80%;}
}

.hrhr{
	border: 0; height: 1px; background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}