* { margin: 0px; padding: 0px; text-decoration: none; font-family: Roboto, Tahoma, Geneva, sans-serif; list-style: none;}

html {}
body { position: relative; background: #e4371e none;  }
.maindiv
{
	width:980px;
	background:#fff;
	padding:10px 10px;
	margin:auto;
}
/* Global Declarations :: Starts */
a { color: inherit; }

.left { float: left; background:#000; }
.left2 {
	float:left;
	
}
.right { float: right; }
input[type=submit].btn_submit { padding: 0px 15px; background-color:#dddddd; color: #000; }
.pager { padding: 10px; border: solid 1px #686e73; }
.pageActive { padding: 10px; border: solid 1px #686e73; color: #fff; background: #000; }
.search { border: none; color: #fff; padding: 3px 15px !important; border-radius: 5px; background: url(../images/search-icon.png) no-repeat left #8b9197; text-indent: 25px; white-space: nowrap; overflow: hidden; display: inline-block; }
.btn { border: none; color: #fff; padding: 3px 15px !important; border-radius: 5px; background:  no-repeat left #8b9197; white-space: nowrap; overflow: hidden; display: inline-block; }
.back { border: none; color: #fff; padding: 3px 15px !important; border-radius: 5px; background: url(../images/search-icon.png) no-repeat left #8b9197; text-indent: 25px; white-space: nowrap; overflow: hidden; display: inline-block; }
.add { border: none; color: #fff; padding: 3px 15px !important; border-radius: 5px; background: url(../images/add-icon.png) no-repeat left #8b9197; text-indent: 25px; white-space: nowrap; overflow: hidden; display: inline-block; }

/* Global Declarations :: Ends */



/* Header :: Starts */
	header { display; block;  }
		ul.header_Ribbon { margin: 0 auto; padding: 0px; display: block; overflow: hidden; background: #e4371e; color: #fff; border-bottom: solid 1px #b2adae; }
		ul.header_Ribbon li a i { margin-right: 5px; }
		ul.header_Ribbon li a,ul.header_Ribbon li span { font-size: 18px; padding: 10px; display: block; }
        ul.header_Ribbon li input { font-size: 18px; margin: 8px; display: block; }

		ul.header_Ribbon li a:hover { background: #fff; color: #000; }
		.sub-header_Ribbon
		{
			width:980px;
			margin:auto;
		}
		
		.header_Container { padding: 0px; display: block; overflow: hidden; margin: 0px 0px 0px 0px; background: #fff; border-bottom: solid 1px #dddddd;  width:980px; margin:auto;}
		.header_Container .logo { float: left; margin: 0px 10px;}
		.header_Container .sitename { float: left; }
		.header_Container .sitename h2 { font-family: 'roboto'; font-size: 40px; color: maroon; Font-weight: 500; }
		.header_Container .sitename h3 { font-family: 'roboto'; font-size: 30px; color: maroon; Font-weight: 500; }
		.header_Container img.emblem { float: right; margin: 0px 10px;}

/* Header :: Ends */

/* main_Container :: Starts */
	#main_Container { display: block; overflow: hidden; min-height: 400px; position: relative; }
		.floating { position: absolute; top: 155px; width: 100%; text-align: center; }
			.floating .button_Menu li {float: left; margin: 0 20px; }
			.floating .button_Menu {  margin: 0 auto; overflow: hidden; width: auto; display: inline-block; }
			.floating .button_Menu a { padding: 12px 15px; display: block; text-align: center; background-color: orange; color: #fff; font-size: 18px; border-radius: 5px; border: solid 2px #fff; text-shadow: 2px 2px #000; }
/* main_Container :: Ends */


/* Footer :: Starts */
	footer { display: block; position:fixed; bottom:0px; width:100%; overflow: hidden; background-color: #000; color: #fff; font-size: 12px; padding: 5px 1%; border-bottom: solid 1px #3c3c3c; border-top: solid 1px #3c3c3c; }
/* Footer :: Ends */





.pageTitle {  display: block; overflow: hidden; }
	.pageTitle h1 { font-size: 20px; float: left; margin-left: 25px; color: #000; font-weight: normal; line-height: 50px; }
	.pageTitle span { font-size: 13px; float: left; margin-left: 15px; color: #666d74; font-weight: normal; line-height: 50px; }
	.pageTitle a { font-size: 13px; float: right; margin: 0px 15px; color: #fff; font-weight: normal; line-height: 50px;  }
	
.container { display: block; overflow: hidden; }
	.container h2 { font-size: 16px; padding: 15px 5%; color: #000; font-weight: bold; line-height: 25px; background-color: #f2f4f6; }
	.container .form { width: 60%; display: block; overflow: hidden; float: left; padding: 20px 5%; }
	.container ul.form { width: 90%; display: block; overflow: hidden; padding: 20px 5%; float: none; }
	.container .listContent { width: 96%; display: block; overflow: hidden; padding: 20px 2%; float: none; background-color: #fafafb;}

	.container .searchContainer { /*font-size: 16px;*/ padding: 15px 5%; color: #000; font-weight: normal; line-height: 25px; /*background-color: rgb(236, 240, 245);*/ }
	.container .searchContainer span,.container .searchContainer label { margin-right: 15px; font-size: 13px; }
	.container .searchContainer input[type=text],.container .searchContainer select { margin-right: 15px; padding: 3px; border: solid 1px #dce8f6; }
	

	.container ul.form li { width: 100%; float: left; margin-bottom: 15px; }
	.container ul.col_3 li { width: 33%; float: left; margin-bottom: 15px; }
	.container ul.form li label,.container ul.form li span { font-size: 12px; display: block; margin-bottom: 3px; }
	.container ul.form li span { float: right; }
	.container ul.form li select { font-size: 12px; width: 69.95%; padding: 3px 3px; }
	.container ul.form li input[type=text],.container ul.form li input[type=password] { font-size: 12px; width: 70%; padding: 3px; }
	.container ul.form li textarea { font-size: 12px; width: 70%; padding: 3px; }

	.container .infoContainer { width: 27.3%; display: block; overflow: hidden; float: right; border-left: solid 1px #dce8f6; padding: 1%; }
	.container .infoContainer h4 { margin-bottom: 10px; }
	.container .infoContainer p { font-size: 11px; line-height: 17px; }

	.container table.formTable { width: 100%; border-collapse: collapse; font-size: 12px; border: solid 1px #dce8f6 !important; }
	.container table.formTable th { text-align: left; padding: 7px 5px; border: none; background-color: #686e73; color: #fff; }
	.container table.formTable td { border-bottom: solid 1px #dce8f6 !important; text-align: left; padding: 7px 5px; border: none;}
	.container table.formTable tr:hover { background-color: #f2f4f6; }
	.container table.formTable select { font-size: 12px; width: 71.367123123%; padding: 3px; float: right }
	.container table.formTable input[type=text],.container table.formTable input[type=password] { font-size: 12px; width: 70%; padding: 3px; float: right }
	.container table.formTable textarea { font-size: 12px; width: 69.8034%; padding: 3px; float: right}
	.container table.formTable a { padding: 0px 7px 0px 7px; }
	.container table.formTable label { display:block; }

.action { display: block; overflow: hidden; margin-top: 20px; }
	 .btn_Submit { background-color: #f20c0c; color: #fff; padding: 3px 20px; border: solid 2px #0288d1; font-size: 15px;  margin: 0px 10px; }
	.action .btn_Cancel { background-color: #000000; color: #fff; padding: 3px 20px; border: solid 2px #0288d1; font-size: 15px; float: right; margin: 0px 10px; }
	 .btn_Back { background-color: #0ace5d; color: #000; padding: 3px 20px; border: solid 2px #0288d1; font-size: 15px;  margin: 0px 10px; }
	
	
	.DV1
	{
		width:300px;
		float:left;
	}
	.DV2
	{
		width:400px;
		float:left;
	
	}
	.DV3
	{
		width:200px;
		float:right;
		

	}

.btn2
{
	border:1px #fff solid;
}
.subcot
{
	
	margin:auto;

	padding:10px;
	background:#fff;
	
}

.leftpart
{

	width:520px;
	float:left;
	
}
.rightpart
{
	width:280px;
	float:right;
	border:1px #8d9295 solid;
	border-radius:10px;
	padding:10px;
}
.rightpart ul
{
}
.rightpart ul li 
{
	background:#146696;
	color:#fff;
	padding:10px;
	margin:12px 0px;

}
.rightpart ul li a
{
		font-family: Tahoma, Geneva, sans-serif;
		font-size:18px;
}
.myfooter
{
	width:980px;
	margin:auto;
	border:1px #8d9295 solid;
	border-radius:10px;
	padding:0px;
	
	margin-top:30px;
}
.myfooter ul 
{
	text-align:center !important;
	display:block;
	width:500px;
	margin:auto;
}
.myfooter ul li 
{
		background:#146696;
	color:#fff;
	padding:10px 30px;
	margin:12px 20px;

	float:left;
}
.myfooter ul li a
{
	
		font-family: Tahoma, Geneva, sans-serif;
		font-size:18px;
}

.form input,select,textarea
{
	border:1px #000 solid;
}




        
        /*VERTICAL MENU*/
        nav.vertical
        {
			display:inline-block
        }
        
        /* ALL UL */
        nav.vertical ul
        {
            list-style: none;
        }
        /* ALL LI */
        nav.vertical li
        {
            position: relative;
        }
        /* ALL A */
        nav.vertical a
        {
            display: block;
            color: #eee;
            text-decoration: none;
            padding: 10px 15px;
            background: #667;
            transition: 0.2s;
        }
        /* ALL A HOVER */
        nav.vertical li:hover > a
        {
            background: #778;
        }
        
        /* INNER UL HIDE */
        nav.vertical ul ul
        {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            visibility: hidden;
            opacity: 0;
            transition: transform 0.2s;
            transform: translateX(50px);
			
		
        }
        /* INNER UL SHOW */
        nav.vertical li:hover > ul
        {
            left: 100%;
            visibility: visible;
            opacity: 1;
            transform: translateX(0px);
        }
		
		   nav.vertical .mainmenu ul  li 
		   {
			   background:#000 !important;
		   }
		
		

@media (max-width: 500px) 
{
  
  .mymaindiv
  {
	width:100%;
	margin:0px;
	padding:0px;
}
  .hed1
  {
	  width:100%;
  }
  
  .hd1
  {
	  width:100%;
	  display:block;

  }
  .hd2
  {
	  width:65%;
	  margin:0px;
	  float:left;

  }
  .hd2 img 
  {
	  width:100%;
	   float:none;
  }
  .hd3
  {
	  width:30%;
	  float:left;

  }
  .hd3 img 
  {
	  
	  float:left;
	 
	  
  }
  .header_Ribbon
  {
	  width:100%;
	  }
  .header_Ribbon li 
  {
	  float:left;
	  padding:0px;
  }
   ul.header_Ribbon li a, ul.header_Ribbon li span {
    font-size: 12px;
    padding: 10px 5px;
    display: block;
	
}
   .fa-user
   {
	   display:none !important;
   }
   ul.header_Ribbon li a i
   {
	   margin:0px;
   }
   .rightpartvk
   {
	   width:90%;
	   float:none;
	   margin:auto;
   }
   footer .left2
   {
	   width:100%;
	   text-align:center;
   }
   footer .right
   {
	   width:100%;
	   text-align:center;
   }
   
   .cd-accordion-menu label {
    cursor: pointer;
    padding-left: 80px !important;
   
}
.form
{
	padding:0px;
	width:100%;
	}
}

.pageTitle h1
{
	line-height:25px;
}
}