﻿body {
}

input[type="text"] {
    /*background-color: #ffffff;*/
    border: 1px solid #9ea8cb;
    color: black;
    font-family: tahoma;
    font-size: 12px;
    height: 17px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    width: 165px;
}

.username {
    color: #ffffff !important;
    background-color: #a1a2a3 !important;
    margin-left: 10px !important;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.displayFullName {
    width: 100px;
    float: left;
}

.displayUserName {
    float: left;
}


.alignLoginCredentials {
    padding-left: 40px;
}

.texboxbgcolornone {
    background-color: #a1a2a3 !important;
    border: 1px solid #a1a2a3 !important;
    width: 125px !important;
    padding-left: 2px !important;
    color: black;
}

.texboxbgcolor {
    background-color: #ffffff !important;
    /*border: 1px solid #313131; */
    color: Black !important;
}

.loginTextBox {
    height: 26px !important;
    width: 280px !important;
    padding-left: 3px !important;
    margin-top: -4px !important;
    margin-left: -5px !important;
    padding-right: 3px !important;
    /*color:black;*/
    font-family: tahoma;
    font-size: 12px;
}

.loginUsernameTextBox {
    height: 26px !important;
    width: 286px !important;
    padding-left: 3px !important;
    margin-top: -4px !important;
    margin-left: -5px !important;
    padding-right: 3px !important;
    /*color:black;*/
    font-family: tahoma;
    font-size: 12px;
}

.loginPasswordTextBox {
    height: 26px !important;
    width: 286px !important;
    padding-left: 3px !important;
    margin-top: -7px !important;
    margin-left: -5px !important;
    padding-right: 3px !important;
    /*color:black;*/
    font-family: tahoma;
    font-size: 12px;
}

.loginHeader {
    height: 69px;
    border-bottom: solid 0px #f4f4f4;
    background-color: #FFFFFF;
}

.innerHeader {
    height: 22px;
    width: 1020px;
    margin-top: 0px;
    /*background-color:white;
	background-image: url('images/top_band.png');
	background-repeat: repeat;*/
}

.mainHeaderDiv {
    /*background-color: #D7E0EF; */
    width: 1014px;
    height: 112px;
    border: 0px solid #E9DFD1;
    /*background: linear-gradient(to right,#DAE4F0 ,#D5E1EF,#DCE6F0,#DAE4F0, #D9E2F1,#E0E9F2,#E4EBF5,#E6E0F7,#F0F3F8);*/
}

.loginLogo {
    background-image: url('images/login_logo.jpg');
    background-repeat: no-repeat;
    height: 69px;
    width: 330px;
    margin: 0px 0px 0px 0px;
    float: left;
}

.innerLogo {
    background-image: url('images/logo.png');
    background-repeat: no-repeat;
    height: 60px;
    width: 175px;
    margin: -74px 38px 0px 0px;
    float: right;
    /*background-image: none;*/
    /*outline:1px solid red; */
}

.loginLogo2 { /*
    background-image: url('images/login_logo2.jpg');
	background-repeat: no-repeat;
	height: 69px;
	width: 53px; 
	margin: 0px 0px 0px 0px; 
	float: right;*/
    background-image: none;
}

.innerLogo2 {
    /* background-image: url('images/inner_logo2.jpg');
	background-repeat: no-repeat;
	height: 53px;
	width: 200px; 
	margin: 0px 0px 0px 790px;
	background-image: none;
 */
}

.mainLoginImage {
    background-image: none;
    background-repeat: no-repeat;
    height: 418px;
    width: 547px;
    background-position: 0px 0px;
    margin-top: 0px;
    margin-left: 0px;
}

.loginTableBg {
    /*background-image: url('images/main_bg.png');
	background-repeat: no-repeat;
	background-position: 0 -15px;
	*/
    width: 1020px;
    height: 615px;
}

.redLoginHeader {
    height: 29px;
    width: 230px;
    background-color: white;
    text-align: center;
    background-image: none;
    background-repeat: no-repeat;
}

.signInText {
    /* background-image: url('images/signIn.jpg');
	background-repeat:no-repeat;  
	background-color: #FFFFFF;  */
    width: 80px;
    height: 26px;
}

.signInTextSpacing {
    padding: 0px 0px 0px 0px;
}

.submitlogin {
    background-image: url('images/submitlogin.jpg');
    background-repeat: no-repeat;
    width: 58px;
    height: 25px;
    background-color: #065AA2;
}

.dottedSeparator {
    /*background-image: url('images/dotted.jpg');*/
    height: 1px;
    width: 253px;
    background-repeat: no-repeat;
}

.loginTablePlacer {
    width: 300px;
    position: relative;
    top: 90px;
    height: 0px;
    background-color: #3B6BC4;
}

.leftRight10Padding {
    padding: 0px 0px 0px 0px;
}

.tableBackground {
    background-color: transparent;
}

.right8Padding {
    padding-right: 8px;
}

.rightShadowImage {
    background-image: none;
    background-repeat: no-repeat;
    height: 491px;
    width: 30px;
    margin-top: 0px;
}

.grayLoginBox {
    background-color: transparent;
}

.grayLoginBox2 {
    background-color: transparent;
}

.loginTableRedBottom {
    background-color: #FFFFFF;
    height: 0px;
}

.loginTableStyle {
    background-color: transparent;
}

.mainLoginOuterDiv {
    background-image: url('images/main_bg.jpg');
    background-repeat: no-repeat;
    height: 640px;
    width: 936px;
    background-color: #e2e2e2;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    border: 1px solid none;
}

.mainLoginInnerDiv {
    display: inline-block;
    height: 352px;
    left: 550px;
    position: relative;
    top: 214px;
    width: 450px;
    border: 1px solid none;
}

.LoginInnerMember {
    display: inline-block;
    height: 25px;
    position: relative;
    top: 108px;
    width: 312px;
    border: 1px solid none;
    color: rgba(172, 228, 83, 1);
    font-family: Tahoma;
    font-size: 16px;
    font-weight: bolder;
    text-align: center;
}

.LoginInnerUserName {
    display: inline-block;
    height: 25px;
    position: relative;
    top: 238px;
    width: 240px;
    left: -157px;
    border: 1px solid none;
    direction: ltr;
}


.LoginInnerPassword {
    display: inline-block;
    height: 25px;
    position: relative;
    top: 283px;
    width: 200px;
    left: -400px;
    border: 1px solid none;
    direction: ltr;
}

.LoginInnerForgotPassword {
    display: inline-block;
    height: 21px;
    position: relative;
    top: 289px !important;
    left: 0px;
    width: 290px;
    /*text-align:right;*/
    padding-right: 0px;
    border: 1px solid none;
}

.languageSelect {
    padding-top: 7px;
    padding-right: 5px;
    float: left;
    /*position:relative;*/
    margin-left: 33px;
    margin-top: 28px;
}


.LoginInnerLanguageHeading {
    display: inline-block;
    height: 16px;
    position: relative;
    top: 147px;
    width: 312px;
    text-align: center;
    border: 1px solid none;
}


.LoginInnerLanguageSelection {
    display: inline-block;
    height: 28px;
    position: relative;
    top: 148px;
    width: 312px;
    text-align: center;
    border: 1px solid none;
}

.LoginInnerFailureMessage {
    display: inline-block;
    height: 22px;
    position: relative;
    top: 30px;
    left: -160px;
    width: 446px;
    text-align: center;
}

.LoginInnerSubmitButton {
    display: inline-block;
    height: 30px;
    position: relative;
    top: 255px;
    left: -345px;
    width: 400px;
    text-align: center;
    border: 1px solid none;
}


.copyRightStyle {
    text-align: center;
    padding-left: 0px;
    vertical-align: bottom;
    padding-bottom: 10px;
    color: #FFFfff;
}

.superDiv {
    width: 100%;
    background-color: #e2e2e2;
    /*padding-top:25px;*/
    /*padding-bottom:-1px;*/
    /*outline:1px solid red;*/
}

.contentArea {
    min-height: 429px;
    border: 0px;
    /*width:1006px;*/
}

.headerInfoBg {
    height: 16px;
    left: 750px;
    position: absolute;
    top: 105px;
    vertical-align: middle;
    width: 350px;
    text-align: right;
}

.headerInfo1 {
    display: inline-block;
    position: relative;
    height: 28px;
    float: left;
    left: 34px;
    top: 36px;
    /*outline:1px solid red;*/
}

.headerInfo2 {
    position: relative;
    display: inline-block;
    height: 28px;
    width: 300px;
    float: right;
    text-align: right;
    background-repeat: no-repeat;
    font-family: Tahoma;
    color: #ffffff;
    font-size: 13px;
    right: 40px;
    top: 30px;
    /*outline:1px solid red; */
}

.headerInfo3 {
    display: block;
    position: relative;
    height: 28px;
    width: 30px;
    float: right;
    right: -222px;
    top: 100px;
    /*outline:1px solid red; */
}

.headerInfo4 {
    display: none;
    position: relative;
    height: 28px;
    width: 25px;
    float: right;
    right: -57px;
    top: 58px;
    /*outline:1px solid red; */
}

.headerInfo5 {
    display: inline-block;
    position: relative;
    height: 28px;
    width: 45px;
    float: right;
    right: -320px;
    top: 100px;
    /*outline:1px solid red;*/
}


.headerInfo6 {
    display: inline-block;
    position: relative;
    height: 28px;
    width: 100%;
    float: left;
    /*top: 70px;*/
    margin-left: 300px;
    /*outline:1px solid red;*/
}



.headerInfo7 {
    position: relative;
    display: inline-block;
    height: 28px;
    width: 300px;
    float: right;
    text-align: right;
    background-repeat: no-repeat;
    font-family: tahoma;
    color: #A4ACA7;
    font-size: 13px;
    right: 41px;
    top: 100px;
    /*outline:1px solid red; */
}

.menuBackground {
    width: 1020px;
    /*background-color:#03582e;*/
    text-align: left;
}

.homeSignout {
    /* color:#A1AFCC;*/
    /*color : #f0b608;*/
    color: #067D45;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    margin-left: -80px;
}

.border_gap_top {
    /*border-top: 5px solid #cccccc;*/
    margin-top: 25px;
}

a.homeSignout:hover {
    /*color: #FFFFFF;*/
    color: #067D45;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    text-decoration: underline;
}

.topbar {
    /*background-image: url("images/topband.jpg");
    background-repeat: no-repeat;*/
    height: 83px;
    width: 1014px;
    /* background-color: #EEEEEE; */
    /* outline: 1px solid green; */
    background-color: #4f6099;
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.75);
    height: 83px;
    /*outline:1px solid green;*/
    background: linear-gradient(to right,#00b8ec,#02b8e8,#23b9b8,#65bd4d,#67bd4e,#67bd4e 100%);
}

.menuAlignment {
    /*background-image: url("images/menuBG.png");*/
    /*background-position: -120px 0px;*/
    background-repeat: no-repeat;
    /*background-color:#E9F0F8;*/
    /* height: 38px; */
    padding-right: 50px;
    width: 94.4%;
    border-spacing: border-box;
    /*padding-left: 50px;*/
    box-sizing: border-box;
    /*margin-top:20px;*/
    float: left;
    margin-left: 50px;
    margin-top: -42px;
}

/*a.rolloverButton
{
	background: url('Images/btn_left.png') no-repeat left top;
	color: #FFFFFF;
	display: block;
	float: right;
	line-height: 18px;
	height: 25px;
	padding-left: 3px;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial;
	text-align:center;
	cursor: pointer;
}*/
/*a.rolloverButton span
{
	background: url("Images/btn_right.png") no-repeat scroll right top / 104% 26px rgba(0, 0, 0, 0);
	display: block;
	height: 26px;
	padding: 2px 9px 1px 0px;
	cursor: pointer;
}*/
/*a.rolloverButton:hover
{
	background-position: bottom left;
	background-color: Transparent;
	cursor: pointer;
	height: 26px;    
}*/
/*a.rolloverButton:hover span
{
	background-position: top right;
	background-color: Transparent;
	padding: 2px 9px 0px 0px;
	cursor: pointer;
}*/


.badMessage {
    border: 0px solid #CC3A3A;
    text-align: left;
    padding: 2px 5px 5px 20px;
    margin-left: 150px;
    color: #333;
    font-family: Tahoma;
    font-weight: bold;
    background: url('images/alert.png') no-repeat left;
}

.rightalign {
    right: 53px;
    /*position: relative;
    top: 214px;
    */
}

.goodMessage {
    border: 0px solid #A3D3A3;
    background-color: #D9FFD9;
    text-align: left;
    padding: 5px;
    color: #333;
    font-weight: bold;
}

.infoMessage {
    border: 0px solid #F8BF66;
    background-color: #FFFFEB;
    text-align: left;
    padding: 5px;
    color: #333;
    font-weight: bold;
}

.copyRightImageStyle {
    /*height: 124px;
	width:213px;
	background: url('images/bottom_left.png') no-repeat left bottom;*/
}

.footerright {
    /*height: 124px;
	width:285px;
	background: url('images/bottom_right.png') no-repeat left bottom;*/
}

.loginTableLeftRightBorder {
    padding-left: 10px;
    padding-top: 5px;
}

.copyRightColor {
    font-family: Arial;
    font-size: 10px;
    color: red;
}

a.copyRightColor {
    font-family: Arial;
    font-size: 10px;
    color: #495775;
}

.footerStyle {
    /*background: url('images/bottomPart.png') no-repeat bottom;*/
    background-color: #122738;
    color: Black;
    width: 1014px;
    height: 28px;
    padding-top: 10px;
}

#Table1 {
    display: block;
    position: relative;
    right: 80px;
    top: 140px;
    padding-left: 10px;
}

#pnlLoginForm {
    border-collapse: separate;
    border-spacing: 3px;
}

a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}


.loginTableColLeft {
    width: 555px;
}

.loginTableColRight {
    width: 60px;
}

.positionLoginBox {
    width: 320px;
    padding-top: 275px;
    padding-left: 150px;
}


/*
#infoAndDeleteButton
{
   float:left;
}
*/
#lblUserName, #lblPassword {
    color: white;
    display: block;
    font-family: tahoma;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 4px;
    position: relative;
}

.SelectLanguage {
    color: #98A2AD;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
}


.whiteBackColor {
    background-color: #ffffff;
}

.offwhiteBackColor {
    background-color: #D1FBE7;
}


.tableHeaderTextHome {
    color: #6A97CE;
    font-family: tahoma;
    font-size: 13px;
    font-weight: bold;
}

.tableHeaderAlign {
    text-align: left;
}

.tableHeaderHome {
    /*
    border-color: #0c97dd;
    border-style: solid;
    border-width: 2px;*/
    height: 29px;
    padding-left: 15px;
    /*padding-top:15px;*/
    background-color: #D1FBE7;
}

.instructions {
    color: #525252;
}

.fntclr > a {
    color: #1CD9EF;
    /*border-bottom: 1px solid #ffffff;*/
}


#dmD0 {
    background-color: #00A85A; /*#010f1b*/
    height: 100%;
    width: 100%;
}

#dm0m0 {
    /*width:100% !important;*/
    width: 912px !important;
    margin-left: 0px;
    margin-right: 12px;
}


/*Manage users*/
#dm0m0i0tdT {
    border-right-width: thin !important;
    border-right-style: solid !important;
    border-right-color: #067D45 !important;
    width: 40px !important;
    /*border-color:white!important;*/
}

/*Manage roles*/
#dm0m0i1tdT {
    border-right-width: thin !important;
    border-right-style: solid !important;
    border-right-color: #067D45 !important;
    width: 40px !important;
    /*border-color:white!important;*/
}

/*Manage course*/
#dm0m0i2tdT {
    border-right-width: thin !important;
    border-right-style: solid !important;
    border-right-color: #067D45 !important;
    width: 50px !important;
    /*border-color:white!important;*/
}


/*Training report*/
#dm0m0i3tdT {
    border-right-width: thin !important;
    border-right-style: solid !important;
    border-right-color: #067D45 !important;
    width: 103px !important;
    /*border-color:white!important;*/
}


/*System*/
#dm0m0i4tdT {
    border-right-width: thin !important;
    border-right-style: solid !important;
    border-right-color: #067D45 !important;
    width: 63px !important;
    /*border-color:white!important;*/
}

/*My profile*/
#dm0m0i5tdT {
    width: 40px !important;
    border-color: white !important;
}

/*#dm0m1i0tdT
{
    width: 260px !important;
}


#dm0m1i1R
{
    width: 260px !important;
}*/



.positionThePageTitle {
    /*background-color: #ffffff;*/
    text-align: left;
    width: 100%;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 10px;
    /*padding: 7px 7px 10px 7px;*/
}


.otherTableProperties {
    /*width:900px;*/
    width: 100%;
    min-height: 300px;
    overflow: auto;
}

.gridTdText {
    background-color: #ffffff;
    border-color: #d3d3d3;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-family: Tahoma;
    font-size: 13px;
    padding: 2px;
    -ms-word-break: break-all;
    word-break: break-all;
    text-align: center;
    /* Non standard for webkit*/
}

    .gridTdText > a {
        color: #ED1C24;
        border-bottom: 1px solid #ED1C24;
        font-family: Tahoma;
        font-size: 13px;
    }

#pnlLogin {
    position: relative;
}


.wordBreak {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit*/
    word-break: break-all;
}


.LoginSubmitButtonPostion {
    text-align: center;
    vertical-align: bottom;
    padding-right: 88px;
}

.pnlShowForgotPasswordLink {
    padding-left: 135px;
    height: 28px;
    padding-top: 5px;
}

.watermark {
    width: 240px;
    height: 81px;
    position: absolute;
    margin-top: 70px;
    margin-left: 280px;
}

#bodyCertificate {
    direction: ltr;
}

.checkAllCourseModule {
    width: 100px;
    padding-left: 97px;
}

.mainSignUpOuterDiv {
    /*background-image: url('../Default/images/main_bg_ar.png');*/
    background-repeat: no-repeat;
    height: 605px;
    width: 934px;
    background-color: #e2e2e2;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    border: 1px solid none;
}



.positionAccessRights {
    text-align: left;
}

.padding_left_or_right_1px {
    padding-left: 1px;
}

.padding_left_or_right_2px {
    padding-left: 2px;
}

.padding_left_or_right_3px {
    padding-left: 3px;
}

.padding_left_or_right_4px {
    padding-left: 4px;
}


.padding_left_or_right_5px {
    padding-left: 5px;
}



.padding_left_or_right_10px {
    padding-left: 10px;
}

.padding_left_or_right_15px {
    padding-left: 15px;
}

.padding_left_or_right_20px {
    padding-left: 20px;
}

.padding_left_or_right_25px {
    padding-left: 25px;
}

.padding_left_or_right_50px {
    padding-left: 50px;
}


.Align_Center_With_important {
    text-align: center !important;
    padding-left: 0px;
}

.Align_left_or_right_button_in_TD {
    text-align: right;
}

.Align_left_or_right_button_in_DIV {
    float: right;
}

.importSubmitButton {
    /*height:28px;
    padding-right:152px;
    padding-top:5px;
    padding-bottom:5px;*/
    float: left;
}

.contentArea {
    background-color: #e9edf2;
    background-image: none;
    border: solid 1px #e9edf2;
    width: 912px;
    padding-right: 50px;
    padding-left: 50px;
    /*margin-top:36px;*/
    border-color: #FFFFFF;
}

.redBandTextNormal {
    font-family: Arial;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
}

.adminlogo {
    /*background-image: url("Images/TATA-subpage-logo.png");*/
    background-image: url("Images/logo.png");
    background-repeat: no-repeat;
    float: left;
    height: 78px;
    width: 220px;
    margin: 0 auto;
    position: relative;
    top: 4px;
    left: 15px;
}

.adminLogoHeader {
    color: #fcb200;
    font-family: Tahoma;
    font-size: 16px;
    font-weight: normal;
    left: 460px;
    position: absolute;
    text-transform: uppercase;
    top: 15px;
}

.admindivider {
    background-color: #949fd0;
    float: left;
    height: 65px;
    left: 20px;
    position: relative;
    top: 8px;
    width: 1px;
}

#main-nav {
    position: relative;
    top: -23px;
}
