﻿/*Css created by lalit on 09th oct., 2014*/
body
{
	background-position: rgba(255,242,207,0.4);
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 20px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	overflow-y:scroll;
}
.FontClass_SourceSansPro
{
	font-family:verdana;
}
.header-text{ font-size:13px; font-weight:bold; color:#000;}
.link-header-text{ font-size:12px; text-decoration:none;color:mediumblue;}
.link-header-text a{ font-size:12px; text-decoration:none;color:mediumblue;}
.top-bg{float:left; background-image:url(../images/top-bg.jpg); background-repeat:repeat-x; width:100%; height:39px;}

.top-border{border-left:1px #F15A24 solid; height:39px; float:left;}
.time-font{color:#F15A24;}
.search{float:right; z-index:999; background-color:#002147; width:460px; height:40px; border:1px #CEC9C4 solid; margin-right:10px;}
.search-input-new{float:left; height:28px; margin-top:3px; margin-left:2px; background-color:#002147;
                   border:1px #002147 solid; 
               width:425px;color:White;padding-left:3px;}
.search-img{float:right; padding-top:8px; padding-right:5px;}
.black-font{width:99%; float:left; background-color:#BBB4AC; border:1px #FFFFFF solid; color:#0C0C0B; 
height:18px; padding-top:4px; text-align:center; font-weight:bold;}

@font-face{
font-family: 'SourceSansPro';
src:url('Fonts/SourceSansPro/Regular/SourceSansPro-Regular.eot');/* this will be applied from IE 9 compatibility mode*/ 
src: url('Fonts/SourceSansPro/Regular/SourceSansPro-Regular.eot?') format('embedded-opentype');/* IE prior versions */ 
src:url('Fonts/SourceSansPro/Regular/SourceSansPro-Regular.woff') format('woff'); /* modern browser that support web open font */ 
src:url('Fonts/SourceSansPro/Regular/SourceSansPro-Regular.ttf') format('truetype'); /* browsers that support true type */ 
}
/* Appended by lalit on 27th oct., 2014 as css provided by Ankur Mogha sir*/

.top-orange-bg{ background-color:#df560b; height:5px;}
.top-blue-bg{ background-color:#002147;color:#fff;height: 80px;}
.top-white-bg{ background-color:#D1D2D4;color:#000;}
.bottom-orange-bg{ background-color:#df560b; height:32px;}
.bottom-blue-bg{ background-color:#002147; height:5px;}
.logo{ float:left;}
.copy-right{ text-align:left; padding:5px; background:#df560b; color:#FFF;}
.Design-develop{ text-align:right; padding:5px; background:#df560b; color:#FFF;}
.Design-develop a{ color:#FFF; text-decoration:none;}
.login-box{ width:417px; height:313px; background-color:#FFF; border-radius:10px; border:1px #d6d6d6 solid;}
.heading h1{font-size:16px; color:#df560b; font-weight:normal; margin:0px; padding:0px;}

.heading{
font-size: 12px;
font-weight: bold;
text-align: center;
padding-bottom: 15px;
padding-top: 15px;
}

.input {
    width: 150px;
    font-size: 11px;
}
.input-username
{
	height:35px; 
	width:80%; 
	padding-left:10%; 
	background-image:url(../Css/images/user-icon.gif); 
	background-repeat:no-repeat; 
	background-position:left; 
	border:1px #cfcfcf solid; 
	box-shadow:1px 1px 5px #d5d5d5;
}
.input-password
{
	height:35px; 
	width:80%; 
	padding-left:10%; 
	background-image: url(../Css/images/password-icon.gif); 
	background-repeat:no-repeat; 
	background-position:left; 
	border:1px #cfcfcf solid; 
	box-shadow:1px 1px 5px #d5d5d5;
}
.forgot-password a{ text-decoration:none; color:#df560b; }
.right-content{ padding:25px; line-height:22px; font-size:12px;}
.top-search{ width:300px; float:left; margin-left:50px; }
.top-search input{background-color:#FFF; border-radius:35px 0px 0px 35px; border:1px #d6d6d6 solid; margin-top:30px; height:24px; float:left;}
.top-search .search-icon{float:left; margin-top:30px; }
.right-top{ float:right; color:#fff; }
.right-top span{ float:left; padding-right:48px; margin-top:5px; margin-left:5px;}
.f-lft{float:left;}
/* End Appended by lalit on 27th oct., 2014 as css provided by Ankur Mogha sir*/

body::-webkit-scrollbar
{
    width: 12px;
}
body::-webkit-scrollbar-thumb
{
    background: #444;
    border-radius: 0px;
    min-height:100px;
}
body::-webkit-scrollbar-thumb:hover
{
    background-color: rgba(68,68,68,0.7);
    border: 1px solid #333333;
}
body::-webkit-scrollbar-thumb:active
{
    background-color: #2f2f2f;
    border: 1px solid #333333;
}
body::-webkit-scrollbar-track
{
    /*border: 1px gray solid;*/
    border-radius: 10px;
    background: white;
    /*-webkit-box-shadow: 0 0 6px gray inset;*/
}
.PageTopheading
{
}
.Pageheading
{
	text-align:center;
	font-size: 16px;
	padding:1% 0 1% 0;
}
.Subheading
{
	padding:5px 0 5px 0;
	font-weight: bold;
}
.Sub-Subheading
{
	padding:5px 0 5px 0;
	font-weight: bold;
}
p
{
	padding:5px 0 5px 0;
	
}
.Mendatory
{
	color: Red;
}

.red
{
	color: Red;
}

.p
{
    margin: 0px;
padding: 0px;
line-height: 16px;
font-size: 11px;
font-family: verdana;
padding-bottom :6px;  
    }

.returnmessage {
font-weight: bold;
color: Red;
text-align: right;
}
/*-------------------Banner Start---------------------*/

.bannerTopStrip
{
	background: #444;
	width:100%;
	height:50px;
	color:White;
}
/*
.bannertopContainer
{
	background: #444;
	width: 95%;
	padding-left: 5%;
	border-radius:0 0 10px 10px;
}
.bannerContainer
{
	width: 90%;
	height: 135px;
	padding-top: 11%;
}
.banner
{
	position: relative;
	z-index: 1;
	margin-left: 1%;
	width: 100%;
}

.banner .line
{
	margin: 0 0 10px;
	width: 100%;
	height: 30px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.05);
	text-align: center;
	text-transform: uppercase;
	font-size: 25px;
	transform: skew(0, -10deg);
}

.banner span
{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background: rgba(255,255,255,0.9);
	color: #666;
	font-weight:bold;
}

.banner .line:after,
.banner .line:first-child:before 
{
	position: absolute;
	top: 19px;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: 30px;
	border-radius: 4px;
	background: rgba(180,180,180,0.8);
	content: '';
	transform: skew(0, 17deg);
}

.banner .line:first-child:before {
	top: -5px;
	right: 0;
	left: auto;
}

.banner .line:first-child:before,
.banner .line:last-child:after {
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: rgba(180,180,180,0.8) rgba(180,180,180,0.8) transparent transparent;
	background: transparent;
}

.banner .line:last-child:after {
	top: 14px;
	border-color: transparent transparent rgba(180,180,180,0.8) rgba(180,180,180,0.8);
}*/



/*-------------------Banner End-----------------------*/

.TdLoginTableContainer
{
	width: 45%; 
	background:rgb(117,176,220); 
	color:White;
	-webkit-box-shadow: 0px 2px 15px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 15px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 15px 2px rgba(0,0,0,0.75);
}

.LoginFormHeadingTable
{
	width:100%;
	margin-top:2.5%;
	border-bottom: solid 1px rgba(255,255,255,0.5);
}
.LoginFormTableHeading
{
	padding:5px 0 0 0;
	font-size: 25px;
	font-weight: Normal;	
}

.LoginFormTableHeading div
{
	display:inline-block;
	margin-left:5%;
}
.LoginFormTableHeading div:after
{
	content:'';
	position: relative;
	border-style: solid;
	border-color: rgba(255,255,255,0.5);
	display: block;
	width: 0;
	z-index: 1;
	border-width: 5px 80px 0;
	margin-top:8px;
}
.LoginFormTable
{
	width:90%;
	font-size:15px;
	margin-top:3%;
}
.LoginFormTable td
{
	height:40px;
}
.LoginFormTable td[colNumber="1"]
{
	width:28%;
}
.LoginFormTable td[colNumber="2"]
{
	width:2%;
}
.LoginFormTable td[colNumber="3"]
{
	width:70%;
}
.LoginFormTable td[colNumber="4"]
{
	width: 100%;
	padding-left:5%;
}
.LoginFormTable td[colNumber="5"]
{
	width: 100%;
	padding-left:5%;
}
.LoginFormTable td[colNumber="6"]
{
	width: 100%;
	width:70%;
}
.ddlSelect
{
	height:30px;
	text-align:left;
	vertical-align:middle;
	border:solid 1px rgba(155,155,155,0.6);
	border-radius:3px;
}
.txt_input
{
	height:27px;
	text-align:left;
	vertical-align:middle;
	border:solid 1px rgba(155,155,155,0.6);
	border-radius:3px;
}
.login_txt_input
{
	width:50%;
}
.InputButton
{
	font-family: Arial;
	border-radius: 3px;
	cursor:pointer;
	border:solid 3px white;
	margin-top:5%;
}
.InputButton td 
{
	background:none;
	cursor:pointer;
	height: 30px;
}
.InputButton td[colnumber="1"]
{	
	width:60%;
}
.InputButton td[colnumber="2"]
{	
	width:40%;
	padding-left:3%;
}
.InputButton td[colnumber="1"] input 
{	
	border: 0px solid #1D73C5;	
	background:none;
	cursor:pointer;
	width:100%;
	height:100%;
	color: #f0fbff;
	font-weight: normal;
	font-size: 15px;
	text-align:right;
}
.InputButton td[colnumber="1"] input:active,
.InputButton td[colnumber="1"] input:focus,
.InputButton td[colnumber="1"] input.active
{
    border:none;
    box-shadow:none;
    outline:0;
}
.InputButton td[colnumber="2"] img
{	
	width:25%;
	height:45%;
	margin-top:3%;
}
.div_LoginLoadingClass
{
	width:20%;
	height:80%;
	background:Red;
	display:none;
}
.InputButton:hover
{
	opacity: 1;
	background:rgba(29,115,197,0.3);
}
.rotator
{	 
	margin-left:15%;
	margin-top:10%;
	width:5%;
	height:30%;
	background:Red;
    display:block;
     -moz-transform-origin:0 0; 
      -webkit-transform-origin:0 0;
       transform-origin:0 0;
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.iframe_class
{
	border:none;
	width:100%;
}
.forgotPasswordClass
{
	text-decoration:none;
}
.forgotPasswordClass:hover
{
	text-decoration:underline;
}
.ProfileHeaderContainerClass
{
	width:99%;
}
.ProfileHeaderContainerClass td[colNumber="1"]
{
	width:2%;
	border-bottom:solid 1px rgba(0,0,0,0.4);
}
.ProfileHeaderContainerClass td[colNumber="2"]
{
	width:19%;
	height:45px;
}
.ProfileleftDivHeader
{
	width:99.9%;
	display: block;
	border-top:solid 1px rgba(0,0,0,0.4);
	border-left:solid 1px rgba(0,0,0,0.4);
	text-align: center;
	border-right:solid 1px rgba(0,0,0,0.4);	
	font-size:18px;
	padding-top:4%;
}
.ProfileHeaderContainerClass td[colNumber="3"]
{
	width:19%;
	height:45px;
	text-align: center;
}
.ProfileRightDivHeader
{
	width:99.9%;
	display: block;
	background:rgba(0,0,0,0.1);
	border-top:solid 1px rgba(0,0,0,0.4);
	border-right:solid 1px rgba(0,0,0,0.4);
	border-bottom:solid 1px rgba(0,0,0,0.4);
	cursor:pointer;	
	font-size:16px;
	padding-top:2%;
}
.ProfileHeaderContainerClass td[colNumber="4"]
{
	width:60%;
	border-bottom:solid 1px rgba(0,0,0,0.4);
	padding-right:4%;
}
.ProfileTopContainerClass
{
	overflow:hidden;
	border:none;
	position:relative;
}
.ProfileContainerClass
{
	position:relative;
	display:inline-block;
}
.ProfileLeftDivClass
{
}
.ProfileRightDivClass
{
}
.profileDiv
{
	float:left;
	position:relative;
}
.ExistingProfileHeaderClass
{
	background:#266BAB;
	height:38px;
	color:White;
}
.ExistingProfileClass
{
	width:100%;
	height:33px;
}
.ExistingProfileClass td[colNumber="1"]
{
	width:5%;
	padding-left:1%;
	padding-right:1%;
}
.ExistingProfileClass td[colNumber="2"]
{
	width:32%;
}
.ExistingProfileClass td[colNumber="3"]
{
	width:32%;
}
.ExistingProfileClass td[colNumber="4"]
{
	width:32%;
}
.AlternateRowCss
{
	background:rgba(0,0,0,0.1);
}
.NewProfileClass
{
	width:100%;
}
.NewProfileClass td[colNumber="1"]
{
	width:10%;
	padding-left:2%;
	height:38px;
}
.NewProfileClass td[colNumber="2"]
{
	width:2%;
	height:38px;
}
.NewProfileClass td[colNumber="3"]
{
	width:88%;
	height:38px;
}
.Profile_txt_inputs
{
	width:16%;
}
.Profile_ddlSelect
{
	width:16.1%;
}
.menuLevel1Table
{
	width:100%;
}
.menuLevel1Table td[colnumber="4"]
{
	width:2%;
}
.menuLevel1Table td[colnumber="5"]
{
	width:98%;
}
.menuLevel1Table td[colnumber="6"]
{
	width:100%;
	overflow:hidden;
}
.MenuLevel2Table
{
	width:100%;
}
.MenuLevel2Table td[colnumber="7"]
{
	width:6%;
}
.MenuLevel2Table td[colnumber="8"]
{
	width:2%;
}
.MenuLevel2Table td[colnumber="9"]
{
	width:93%;
}
.MenuLevel2Table td[colnumber="10"]
{
	width:100%;
	overflow:hidden;
}
.MenuLevel3Table
{
	width:100%;
}
.MenuLevel3Table td[colnumber="11"]
{
	width:5%;
}
.MenuLevel3Table td[colnumber="12"]
{
	width:95%;
}
.DashedDiv
{
	width:80%;
	margin-right:5%;
	height:1%;
	border-bottom:dashed 1px rgba(0,0,0,0.5);
}
.MenuLevel3Table[colnumber="8"]
{
	width:5%;
}
.div_MenuLevel2
{
	width:100%;
	position:relative;
	margin-top:-100%;
}
.div_MenuLevel3
{
	width:93%;
	position:relative;
	margin-top:-100%;
}
.MinMaxTd
{	
	background:rgba(0,0,0,0.2);
	cursor:pointer;
}
.MinTddiv
{
	width:30%;
	height:5%;
	display:inline-block;
	border:solid 1px rgba(0,0,0,0.8);
}
.MinTddiv
{
	border:solid 1px white;
}
.MaxTddiv:after
{
	content:'+';
	position: relative;
	display: block;
	width: 40%;
	height:60%;
	z-index: 1;	
	font-size:18px;
}
.MinMaxTd:hover
{
	background:rgba(0,0,0,0.5);
}
.MinMaxTd:hover .MaxTddiv:after
{
	color:White;
}
.seperatorTd
{
	width:100%;
	height:5px;
}
.CheckBoxdiv
{
	display:inline-block;
}
.OptionNamediv
{
	display:inline-block;
}
.hideMaxMin
{
	background:none;
}
.hideMaxMin div
{
	display:none;
}
.profileLinkButton 
{
    text-decoration:none
}
.profileLinkButton:hover 
{
	text-decoration:underline;
}

.profileInputButton
{
	border: none;	
	background:rgba(70,70,178,0.9);
	cursor:pointer;
	height:40px;
	color: #f0fbff;
	font-weight: normal;
	font-size: 15px;
	text-align:right;
	position:fixed;
	top:50%;
	right:0;
	border-radius:5px 0 0 5px;
	text-align:center;
	display:none;
	z-index:1000;
	-webkit-transition: width 1s ease; /* For Safari 3.1 to 6.0 */
	-moz-transition: width 1s ease;
	-ms-transition: width 1s ease;
	-o-transition: width 1s ease;
    transition: width 1s ease;
}
.profileInputButton:hover
{
	background:rgb(70,70,178);
	width:100px;
	text-align:left;
	padding-left:13px;
	-webkit-transition: width 1s ease; /* For Safari 3.1 to 6.0 */
	-moz-transition: width 1s ease;
	-ms-transition: width 1s ease;
	-o-transition: width 1s ease;
    transition: width 1s ease;
}

.profileInputButton:active,
.profileInputButton:focus,
.profileInputButton.active
{
    border:none;
    box-shadow:none;
    outline:0;
}
.btnWithSmallText
{
	width:50px;
}
.btnWithBiggerText
{
	width:70px;
}
/*
.mmenucontainer
{
	background:none !important;
}
.milonictable
{
	background:none !important;
}
.milonictable td
{
	background:none !important;
}
.milonictable td a
{
	color:Black !important;
}*/

/*Menu Css created by lalit on 3rd oct., 2014*/
.right-link
{
	color:#333; 
	text-decoration:none; 
	height:34px; 
	color:#df560b;
	padding-right:5px;
	width:16%; 
}
.LoadMenuTableClass
{
	height:100%;
	margin-left:0px;
}
.menuTd
{
	vertical-align:bottom;
	text-align:center;
	cursor:pointer;
	padding:5px;
	white-space:nowrap;
	border-right:solid 1px Black;
}
.menuTd[columnType='first']
{
	/*border-left:dashed 1px Black;*/
}
.menuTd:hover
{
	background:rgba(0,0,0,0.8);
	color:White;
	padding-bottom:0px;
	border-bottom:solid 5px rgba(155,155,155,0.7);
	border-right:dashed 1px White;
}
.menuTd[columnType='first']:hover
{
	border-left:dashed 1px White;
}
.hiddenDiv
{
	display:none;
}
.subMenuDiv
{	
	width:auto;
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	margin-top:5px;
	cursor:pointer;
	color:#df560b;
	position:absolute;
	display:block;
	text-align:left;
	margin-left:-0.4%;
	z-index:1000;
}
.subMenuDivchild
{
	padding:4px 5px 2px 10px;
	cursor:pointer; 
	color:white;
	white-space: nowrap;
	text-align:left;
	width:100%;
	font-size:12px;
	background:/*rgba(44,71,137,1);*/#666;
}
.subMenuDivchild:hover
{
	background:/*rgba(38,61,118,1)*/#333;
}

.rightArrow:before {
    content: "";
    position: absolute;
    right: -7.5%;
    margin-top:3.5%;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent white;
    display: block;
    width: 0;
    z-index: 1;
}
.leftArrow:before {
    content: "";
    position: absolute;
    left: 0px;
    margin-top:3.5%;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-color: transparent white;
    display: block;
    width: 0;
    z-index: 1;
}
.subMenuMargin
{
	margin-top:-22px;
	margin-left:103%;
}
/*Menu Css ended by lalit on 3rd oct., 2014*/
.logout
{
	color:White;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
	padding:1px 15px 5px 10px;
	text-align:right;
	vertical-align:bottom;
}
.logout:hover
{
	text-decoration:underline;
}
.profileImage
{
	width:30px;
	height:30px;
	float:left;
	border-radius:6px 0 6px 0;
}

.changePasswordTableClass
{
	
}
.login-td{width:100%;text-align:center;}
.login-td-heading{width:100%;text-align:left;padding-left: 22px;}

#processing_content 
{
	text-align: center;
	font-family: verdana;
}
	/*padding: 1em 1.75em;
	margin: 0em;
	vertical-align:middle;
}*/
.messagePage
{
    min-height: 400px;
    float:right
}

.button
{
	BORDER-RIGHT: #2e4369 1px solid;
    BORDER-TOP: #96a9cc 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    BORDER-LEFT: #6e89b8 1px solid;
    CURSOR: hand;
    COLOR: #f0fbff;
    BORDER-BOTTOM: #1e2c46 1px solid;
    BACKGROUND-COLOR: #1E2451
}
