@font-face {
  font-family: OpenSans;  
    src:url(../../Fonts/OpenSans/OpenSans-Regular.ttf);    
}
@font-face{
    font-family:OpenSansLight;
    src:url(../../Fonts/OpenSans/OpenSans-Light.ttf);
}
@font-face{
    font-family:OpenSansMedium;
    src:url(../../Fonts/OpenSans/OpenSans-Medium.ttf);
}
@font-face{
    font-family:OpenSansSemiBold;
    src:url(../../Fonts/OpenSans/OpenSans-SemiBold.ttf);
}
@font-face{
    font-family:OpenSansBold;
    src:url(../../Fonts/OpenSans/OpenSans-Bold.ttf);
}
.Grid_Record_Count
{
	font-weight: bold;
	color: Gray;
}

input[disabled]
{
	border-color: silver;
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: normal;
}

input[readonly]
{
	background-color: #F0F0F0;
	color: #6D6D6D;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: normal;
	border: 1px solid #C0C0C0;
}

textarea[disabled]
{
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
	border-left: solid 1px silver;
	border-right: solid 1px silver;
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
}

body, form
{
	margin: 0px;
	padding: 0px;
}
body
{
	font-family: Verdana;
	font-size: 12px;
	/*color: Black;*/
    color:#004976;
	font-weight: normal;
	/*background-color: #fffedf;*/
    background-color:White !important;
	text-transform: lowercase;
}
label
{
	display: inline-block;
}
a
{
	display: inline-block;
}
span
{
	display: inline-block;
}
/*2016-04-08: Rajesh added :not(option) to correct issue in firefox  Ticket #37939 */
:not(option):not(textarea):not([type="text"]):not(.SkipTransform)::first-letter
{
	text-transform: capitalize /*2015-10-05: Binoj added text box here as there was an issue in Manage API(case sensitive) when connects meta voice mail service.*/;
}
.ColorSpan
{
	background-color: Red;
	color: White;
}
.CTRow
{
	height: 28px;
}
.CTActiveTab
{
	float: left;
	width: 103px;
	height: 24px;
	cursor: default;
	/*background-image: url(../../images/activetab.png);
	background-repeat: no-repeat;
	background-position: center center;*/
    /*background:#2058a5;*/
    background:#004976;
    border-radius:6px 6px 0px 0px;
	text-align: center;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	line-height: 23px;
	margin-left: 1px;
}
.CTDefaultTab
{
	float: left;
	width: 103px;
	height: 24px;
	cursor: pointer;
	/*background-image: url(../../images/inactivetab.png);
	background-repeat: no-repeat;
	background-position: center center;*/
    background:#7397c9;
    border-radius:6px 6px 0px 0px;
	text-align: center;
	color: #ffffff;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	line-height: 23px;
	margin-left: 1px;
}
.CTActiveSmallTab
{
	float: left;
	width: 71px;
	height: 24px;
	cursor: pointer;
	background-image: url(../../images/smalltab_active.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	line-height: 23px;
	margin-left: 1px;
}
.CTDefaultSmallTab
{
	float: left;
	width: 71px;
	height: 24px;
	cursor: pointer;
	background-image: url(../../images/smalltab_inactive.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	color: #ffffff;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	line-height: 23px;
	margin-left: 1px;
}

.CTGraySmallTab
{
	float: left;
	width: 71px;
	height: 24px;
	cursor: pointer;
	background-image: url(../../images/smalltab_Gray.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	line-height: 23px;
	margin-left: 1px;
}
/*move these css part from html page - start - 14-APR-2023 */
.activeTab {
            float: left;
            width: 99px;
            height: 31px;
            cursor: pointer;
            background: url(../../images/tabactive.png);
            background-repeat: no-repeat;
            background-position: center center;
            text-align: center;
            color: #FFFFFF;
            font-family: Verdana;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
            vertical-align: middle;
            line-height: 27px;
            padding-left: 2px;
        }

        .defaultTab {
            float: left;
            width: 99px;
            height: 31px;
            cursor: pointer;
            background: url(../../images/tabinactive.png);
            background-repeat: no-repeat;
            background-position: center center;
            text-align: center;
            color: #0142a0;
            font-family: Verdana;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
            vertical-align: middle;
            line-height: 27px;
            padding-left: 2px;
        }
        /*end*/
.CTButton
{
	cursor: pointer;
	font-family: Verdana;
	font-size: 12px;
	/*width: 80px;*/
}
.Button
{
	cursor: pointer;
}
.CTCloseButton
{
	cursor: pointer;
}
/*.CTDropdownList::first-letter{text-transform:uppercase !important;} 2016-04-05: Binoj - Ticket #37939 - Firefox Issue*/

.CTDropdownList
{
	font-family: Verdana;
    font-weight: normal;
	font-size: Small;
	text-align: left;
	width: 154px;
	border: solid 1px #b3d1fc;
	height: 20px;
	text-transform: none !important; /*2016-04-05: Binoj - Ticket #37939 - Firefox Issue*/
}
.CTInnerPage
{
	margin: 0px;
	background-color: #ffffcc;
}
.CTLink
{
	cursor: pointer;
}
.CTListBox
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	width: 120px;
	text-transform: none; /*2016-04-08: Rajesh - Ticket #37939 - Firefox Issue*/
	border: solid 1px #b3d1fc;
}
.CTWarning
{
	font-family: Verdana;
	font-size: 12px;
	color: Gray;
}
.CTStatusMessageLabel
{
	font-family: Verdana;
	font-size: 14px;
}
.CTTextBox
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	border: solid 1px #b3d1fc;
	margin-left: 0px;
}
.CTTextBoxSmall
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	width: 60px;
	border: solid 1px #b3d1fc;
}
.CTTextBoxVerySmall
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	width: 40px;
	border: solid 1px #b3d1fc;
}

.CTTextBoxMedium
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	width: 115px;
	border: solid 1px #b3d1fc;
}
.CTTextBoxLarge
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	width: 250px;
	height: 18px;
	border: solid 1px #b3d1fc;
}

.CTMultilineTextBox
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	width: 120px;
	border: solid 1px #b3d1fc;
}
.CTRadioButton
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;	
}
.CTCheckBox
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
}
.CSListEditColumn
{
	width: 50px;
	text-align: center;
	padding-left: 0px;
}
.CSListEditDisableImage
{
}

.CSListEditImage
{
	cursor: pointer;
}
.CSListHeaderItemCell
{
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
}
/*18 APR 2023:Ticket #50420 - css for input box  focus*/
.CTTextBox:focus,
.CTDropdownList:focus,
.CTListBox:focus,
.CTTextBoxSmall:focus,
.CTTextBoxVerySmall:focus,
.CTTextBoxMedium:focus,
.CTTextBoxLarge:focus,
.CTMultilineTextBox:focus
{
box-shadow: 0 0 10px rgba(0, 128, 255, 1);
-webkit-box-shadow: 0 0 10px rgba(0, 128, 255, 1); 
-moz-box-shadow: 0 0 10px rgba(0, 128, 255, 1);
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
background:#FFFFFF;
outline:none;
border:solid 1px #2daeff !important;
}
/*Task header Styles starts*/


/*Task header Styles ends*/

.CSListItemCell
{
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	display: block;
}
.CSListItemRow
{
	padding-left: 10px;
}
.CSInvalidTextBox
{
	border-color: Red;
}
.CSErrorSpan
{
	color: Red;
}

.CSEmptyListMessage
{
	text-align: center;
	color: Red;
	font-size: 13px;
	height: 25px;
	background-color: White; /*border-bottom:solid 1px #000;*/
}
/*Main Container Style*/
.CSMainContainerTopLeft
{
	/*background-image: url(../../images/SearchTopLeft.png);*/
    /*background:#2058a5;*/
    background-image:url(../../Images/Blue/SearchTopLeft.png);
    /*background:#004976;
    border-radius:6px 0px 0px 0px;*/
    /*background:url(../../Images/Blue/SearchTopLeft.png) no-repeat top left #004976;*/
	width: 7px;
	height: 27px;
}
.CSMainContainerTopMiddle
{
	/*background-image: url(../../Images/SearchTopMiddle.jpg);*/ /*width:728px;*/
    background-image:url(../../Images/Blue/SearchTopMiddle.jpg);
    /*background:#2058a5;*/
    /*background:#004976;*/
    /*background:url(../../Images/Blue/SearchTopMiddle.jpg) repeat-x top #004976;*/
	height: 27px;
	text-align: center;
}
.CSMainContainerTopRight
{
	/*background-image: url(../../Images/SearchTopRight.png);*/
    background-image:url(../../Images/Blue/SearchTopRight.png);
    /*background:#2058a5;*/
    /*background:#004976;
    border-radius:0px 6px 0px 0px;*/
    /*background:url(../../Images/Blue/SearchTopRight.png) no-repeat top right #004976;*/
	width: 7px;
	height: 27px;
}
.CSMainContainerCenterLeft
{
    border-left: solid 1px #8b8b8b; 
    background-color: #ffffff;
}
.CSMainContainerCenterMiddle
{
    background-color: #ffffff;
}
.CSMainContainerCenterRight
{
    border-right: solid 1px #8b8b8b; 
    background-color: #ffffff;
}
.CSMainContainerBottomLeft
{
	background-image: url(../../Images/MainContainerBottom.jpg);
	width: 7px;
	height: 4px;
}
.CSMainContainerBottomMiddle
{
	background-image: url(../../Images/MainContainerBottom.jpg);
	height: 4px;
}
.CSMainContainerBottomRight
{
	background-image: url(../../Images/MainContainerBottom.jpg);
	width: 7px;
	height: 4px;
}
.CSMainPanelHeader
{
	font-family: Verdana;
	font-size: 13px;
	text-align: left;
	color: White;
	font-weight: bold;
	text-transform: capitalize;
}
.CSLink
{
	cursor: pointer;
	color: Blue;
}

.CSPanel
{
	background-color: #ffffcc;
	margin-right: 2%;
	margin-left: 2%;
	border: 3px solid #D6D6C2;
	background: #ffffcc;
	padding: 4px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	-moz-border-radius: 15px 0 15px 0;
}

.CSListTableHeaderRow
{
	height: 20px;
}

.CSHeaderTopLeft
{
	background-image: url(../../images/Crosstel.jpg);
	width: 251px;
	height: 60px;
	background-repeat: no-repeat;
}


/*Header Styles*/
.CSHeaderTopLeft
{
	background-image: url(../../images/Crosstel.jpg);
	width: 251px;
	height: 60px;
	background-repeat: no-repeat;
}
.CSHeaderTopMiddle
{
	background-image: url(../../images/HeaderTopMiddle.jpg);
	width: 613px;
	height: 60px;
	background-repeat: repeat-x;
}
.CSHeaderTopRight
{
	background-image: url(../../images/CrosSoft.jpg);
	width: 160px;
	height: 60px;
	background-repeat: no-repeat;
}
.CSHeaderBottomLeft
{
	background-image: url(../../images/HeaderBottomLeft.jpg);
	width: 19px;
	height: 40px;
	background-repeat: no-repeat;
}
.CSHeaderBottomMiddle
{
	background-image: url(../../images/HeaderBottomMiddle.jpg);
	width: 493px;
	height: 40px;
	background-repeat: repeat-x;
}
.CSHeaderBottomRight
{
	background-image: url(../../images/HeaderBottomRight.jpg);
	width: 19px;
	height: 40px;
	background-repeat: no-repeat;
}

.CSHeaderBottomUser
{
	background-image: url(../../images/user.png);
	width: 11px;
	height: 33px;
}

.CSHeaderBottomLogout
{
	background-image: url(../../images/logout.png);
	width: 11px;
	height: 33px;
}
.CSFixedHeader
{
	position: relative; /* Commented by Rajesh as a part of optimization . This is used only in eportNumberUtilization.aspx, same page not used so far */ /* top: expression(this.offsetParent.scrollTop-1); */ /* left: expression(this.offsetParent.scrollLeft); */
	background-color: white;
}

/*Blue Border*/

.CSBlueTopLeft
{
	background-image: url(../../images/bluebr_topleft.jpg);
	width: 7px;
	height: 7px;
}
.CSBlueTopMiddle
{
	background-image: url(../../images/bluebr_topmiddle.jpg);
	background-repeat: repeat-x;
	width: 1010px;
	height: 7px;
}
.CSBlueTopRight
{
	background-image: url(../../images/bluebr_topright.jpg);
	width: 7px;
	height: 7px;
}
.CSBlueBottomLeft
{
	background-image: url(../../images/bluebr_bottomleft.jpg);
	width: 7px;
	height: 7px;
}
.CSBlueBottomMiddle
{
	background-image: url(../../images/bluebr_bottommiddle.jpg);
	background-repeat: repeat-x;
	width: 1010px;
	height: 7px;
}
.CSBlueBottomRight
{
	background-image: url(../../images/bluebr_bottomright.jpg);
	width: 7px;
	height: 7px;
}
#click-btn-space
{
	width: 118px;
	height: 28px;
	margin-left: auto;
	margin-right: auto;
}
.click-btn-left
{
	float: left;
	width: 25px;
	height: 28px;
	background: url(../../images/click-btn-left.jpg) no-repeat;
}
.click-btn-middle
{
	float: left;
	width: 68px;
	height: 28px;
	background-image: url(../../images/click-btn-middle-pic.jpg);
	background-repeat: repeat-x;
}
.click-btn-right
{
	float: left;
	width: 25px;
	height: 28px;
	background: url(../../images/click-btn-right.jpg) no-repeat;
}
.select-area
{
	width: 14px;
	height: 14px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../images/tick-btn-enable.png) no-repeat;
}
.select-area-disable
{
	width: 14px;
	height: 14px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../images/tick-btn-disable.png) no-repeat;
}
.delete-area
{
	width: 14px;
	height: 14px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../images/cross-btn-enable.png) no-repeat;
}
.delete-area-disable
{
	width: 14px;
	height: 14px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../images/cross-btn-disable.png) no-repeat;
}
.left-space
{
	width: 18px;
	height: 18px;
	float: left;
	margin-left: 4px;
	margin-top: 7px;
}
.right-space
{
	width: 18px;
	height: 18px;
	float: left;
	margin-left: 2px;
	margin-top: 7px;
}
.verticaltext
{
	display: block;
	writing-mode: tb-rl;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	white-space: nowrap;
}
/*Footer Styles*/
.CSFooterLeft
{
	background-image: url(../../images/FooterLeft.jpg);
	width: 7px;
	height: 30px;
	background-repeat: no-repeat;
}
.CSFooterMiddle
{
	background-image: url(../../images/FooterMiddle.jpg);
	width: 1110px;
	height: 30px;
	background-repeat: repeat-x;
}
.CSFooterRight
{
	background-image: url(../../images/FooterRight.jpg);
	width: 7px;
	height: 30px;
	background-repeat: no-repeat;
}

.TabTopCrvLeft
{
	background-image: url(../../images/MainContainerTopLeftt.jpg);
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;
    background-position: left;
    /* border-left: solid 1px #8b8b8b;
    background-color: #f1f1f1;
    border-top: solid 1px #8b8b8b;
    border-radius: 0px 0px 0px 0px;*/
}
.TabTopCrvCenter
{
	background-image: url(../../images/MainContainerTopCenter.jpg);
	width: 770 auto;
	height: 11px;
	background-repeat: repeat-x;
    background-position: top;
    /*
    border-left: solid 1px #8b8b8b;
    background-color: #f1f1f1;
    border-top: solid 1px #8b8b8b;
    border-radius: 0px 0px 0px 0px;
    */
}
.TabTopCrvRight
{
	background-image: url(../../images/MainContainerTopRightt.jpg);
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;
    background-position: right;
    /*
            border-right: solid 1px #8b8b8b;
    background-color: #f1f1f1;
    border-top: solid 1px #8b8b8b;
    border-radius: 0px 10px 0px 0px;
    */
}
.TabTopCrvLeft1
{
	background-image: url(../../images/MainContainerLeftTop.jpg);
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;
    background-position: left;
/*      border-left: solid 1px #8b8b8b;
    background-color: #f1f1f1;
    border-top: solid 1px #8b8b8b;
    border-radius: 10px 0px 0px 0px;*/
}

.TabBottomCenter
{
	background-image: url(../../images/MainContainerBottomCenter.jpg);
	width: 770 auto;
	height: 11px;	
    background-position: bottom;
}
.TabBottomCrvLeft
{
	background: url(../../Images/MainContainerBottomLeft.jpg);
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;
    background-position: left;
}
.TabBottomCrvRight
{
	background-image: url(../../Images/MainContainerBottomRightt.jpg);
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;  
    background-position: right;
}
.TabMiddleLeft
{
    border-left: solid 1px #8b8b8b;
    background-color: #f1f1f1;
}
.TabMiddleCenter
{
    background-color: #f1f1f1;
}
.TabMiddleRight
{
    border-right: solid 1px #8b8b8b;
    background-color: #f1f1f1;
}
.TabMiddleTop
{
    border-top: solid 1px #8b8b8b;
    background-color: #f1f1f1;
}
.TabMiddleBottom
{
    border-bottom: solid 1px #8b8b8b;
    background-color: #f1f1f1;
}



.CSPackageSettingItemRow
{
	padding-left: 5px;
	padding-right: 5px;
}

.CSRedLineLeft
{
	background-image: url(../../Images/redline_03.jpg);
	background-repeat: no-repeat;
}
.CSRedLineMiddle
{
	background-image: url(../../Images/redline_04.jpg);
	background-repeat: repeat-x;
	width: 800px;
	height: 8px;
}
.CSRedLineRight
{
	background-image: url(../../Images/redline_06.jpg);
	background-repeat: no-repeat;
}
/* login page */


.logintopleft
{
	background-image: url(../../images/login01.jpg);
	background-repeat: no-repeat;
	width: 262px;
	height: 170px;
}
.loginbottomleft
{
	background-image: url(../../images/login05.jpg?v=840);
	background-repeat: no-repeat;
	width: 262px;
	height: 194px;
}
.logintopcenter
{
	background-image: url(../../images/login02.jpg);
	background-repeat: no-repeat;
	width: 247px;
	height: 170px;
}
.loginbottomcenter
{
	background-image: url(../../images/login06.jpg);
	background-repeat: no-repeat;
	width: 247px;
	height: 194px;
}
.loginright
{
	background-image: url(../../images/login04.jpg);
	background-repeat: no-repeat;
	width: 33px;
	height: 364px;
}
.logincenter
{
	background-image: url(../../images/login03.jpg);
	background-repeat: repeat-x;
	width: 485px;
	height: 364px;
}

/* Login Username and Password Background */


.lgnUsrPasLeft
{
	background-image: url(../../images/loginusrpas01.jpg);
	width: 11px;
	height: 120px;
}
.lgnUsrPasCenter
{
	background-image: url(../../images/loginusrpas02.jpg);
	width: 378px;
	height: 120px;
}
.lgnUsrPasRight
{
	background-image: url(../../images/loginusrpas03.jpg);
	width: 11px;
	height: 120px;
}
.loginboxdiv
{
	margin: 0px;
	height: 29px;
	width: 176px;
	background-image: url(../../images/roundedcornr_157104.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.loginboxdiv input
{
	margin: 3px 0px 0px 3px;
	width: 155px;
}

.loginbox
{
	background: none;
	border: none;
	width: 135px;
	height: 15px;
	margin: 0;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-family:OpenSans, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 6px;
}
.UserPassText
{
	/*font-family: Verdana;*/
    font-family:OpenSans;
	font-size: 14px;
	color: #0142a0;
	font-weight: bold;
}
.ForgotPassword
{
	/*font-family: Verdana;*/
    font-family:OpenSans;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: right;
}


.mainwrap
{
	width: 1024px;
	margin: auto;
}
.mainleft
{
	/*width: 509px;
	height: 364px;*/
    position:relative;  
    height:auto !important;
	float: left;
}
.mainmiddle
{
	/*width: 482px;
	height: 364px;*/
	float: left;
	/*background: url(../../images/login03.jpg) repeat-x;*/
    position:relative;
    height:auto !important;
}
.mainright
{
	width: 33px;
	height: 364px;
	float: left;
	background: url(../../images/login04.jpg) no-repeat;
}
.topleftcon
{
	width: 509px;
	height: 170px;
	float: left;
}
.topleftimg
{
	width: 262px;
	height: 170px;
	float: left;
	background: url(../../images/login01.jpg) no-repeat;
}
.toprightimg
{
	width: 247px;
	height: 170px;
	float: left;
	background: url(../../images/login02.jpg) no-repeat;
}
.clear
{
	clear: both;
}
.bottomleftcon
{
	width: 509px;
	height: 194px;
	float: left;
}
.bootomleftimg
{
	width: 262px;
	height: 194px;
	float: left;
	background: url(../../images/login05.jpg?v=840) no-repeat;
}
.bottomrightimg
{
	color: White;
	width: 247px;
	height: 194px;
	float: left;
	background: url(../../images/login06.jpg) no-repeat;
}
.CrosSoftcon
{
	width: 482px;
	height: 364px;
	float: left;
}
.crossoftlogo
{
	width: 127px;
	height: 35px;
	float: left;
	margin-left: 350px;
	margin-top: 35px;
	background: url(../../images/CrosSoft.png) no-repeat;
	display: inline;
}
.enterarea
{
	width: 400px;
	height: 120px;
	float: left;
	margin-left: 70px;
	margin-top: 120px;
	display: inline;
}

/*Login Page Ends*/
.legendstyle
{
	font-family: Verdana;
    /*font-family:OpenSans;*/
	font-size: 12px;
	/*color: #0a3e70;*/
    color:#004976;
	text-indent: 2px;
	/*background: url(../../images/redcrn_12.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;*/
    background:url(../../Images/Blue/redcrn_12.jpg);
    background-position:left bottom;
    background-repeat:repeat-x;
    /*background:url(../../Images/Blue/NDredcrn_12.jpg) repeat-x bottom;
    position: relative;
    top: -12px;   
    background-size: 7px auto;*/

	display: inline-block;
	padding-right: 2px;
	font-weight: bold;
}
.linetop
{
	/*background: url(../../images/grpboxcentertop.png);
	background-repeat: repeat-x;
	background-position: bottom;*/
    /*background:#e6effc;    
    border-top:solid 1px #8b8b8b;*/
    background:url(../../Images/Blue/grpboxcentertop.png);
    background-repeat:repeat-x;
    background-position:bottom; 
    height:20px;
}



/*Search Style*/
.CSBlueSearchTopLeft
{
	/*background-image: url(../../images/QuickInfoBlueTopLeft.jpg);*/
    background-image:url(../../Images/Blue/QuickInfoBlueTopLeft.jpg);
    background-position:left top;
    /*background:#b5cbea;
    border-radius:6px 0px 0px 0px;*/
    /*background:url(../../Images/Blue/QuickInfoBlueTopLeft.jpg) no-repeat right top #b5cbea;*/
	width: 7px;
	height: 27px;
}
.CSBlueSearchTopMiddle
{
	/*background-image: url(../../Images/QuickInfoBlueTopMiddle.jpg);*/
    background-image:url(../../Images/Blue/QuickInfoBlueTopMiddle.jpg);
    background-position:top;
    /*background:url(../../Images/Blue/QuickInfoBlueTopMiddle.jpg) repeat-x #b5cbea;*/
    /*background:#b5cbea;*/
	height: 27px;
}
.CSBlueSearchTopRight
{
	/*background-image: url(../../Images/QuickInfoBlueTopRight.jpg);*/
    background-image:url(../../Images/Blue/QuickInfoBlueTopRight.jpg);
    background-position:right top;
    /*background:#b5cbea;*/
    /*background:url(../../Images/Blue/QuickInfoBlueTopRight.jpg) no-repeat left top #b5cbea;*/
    /*border-radius:0px 6px 0px 0px;*/
	width: 7px;
	height: 27px;
}
.CSSearchTopLeft
{
	background-image: url(../../images/SearchTopLeft.jpg);
	width: 7px;
	height: 27px;
}
.CSSearchTopMiddle
{
	background-image: url(../../Images/SearchTopMiddle.jpg);
	height: 27px;
}
.CSSearchTopRight
{
	background-image: url(../../Images/SearchTopRight.jpg);
	width: 7px;
	height: 27px;
}
.CSSearchBottomLeft
{
	background-image: url(../../Images/SearchBottomLeft.jpg);
	width: 7px;
	height: 8px;
}
.CSSearchBottomMiddle
{
	background-image: url(../../Images/SearchBottomCenter.jpg);
	height: 8px;
}
.CSSearchBottomRight
{
	background-image: url(../../Images/SearchBottomRight.jpg);
	width: 7px;
	height: 8px;
}
.CSSearchHeader
{
	font-family: Verdana;
	font-size: 13px;
	text-align: left;
	color: White;
}
/*Ticket #50420 - add new style*/
#divQuickAccountInfo
{
    color:black !important;
}
#divQuickAccountBillingInfo
{
    color:black !important;
}
.QuickInfoTitle
{
    width:102px;
    height:18px;
    background:url(../../Images/Blue/quickinfo_button.png) no-repeat center;
}
.QuickInfoBillSummaryTitle
{
    width:105px;
    height:18px;
    background:url(../../Images/Blue/bill_summary.png) no-repeat center;
}
/* Invoice style */
.CSBlackLabel
{
	/*color: #000000;*/
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
}
.CSRedLabel
{
	color: #7F3338;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}
.CSRedMsgLabel
{
	color: #7F3338;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
}
.CSWhiteLabel
{
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}
.CSPrev
{
	color: #0a3e70;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
}

.CSNext
{
	color: #9a0002;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
}
.CTLabel
{
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	font-weight:normal;
	white-space: nowrap;
	height: 14px;
}
.CTLabelBold
{
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	font-weight:bold;
	white-space: nowrap;
	height: 14px;

}
.CTLabelDashBoard {
    font-family: Verdana;
    font-size: 12px;
    color: Black;
    font-weight: bold;
    /*background-color: #fffedf;*/
    background-color:##e6effc;
    text-transform: lowercase;
}
.CTLabelColr
{
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: Black;
}


.CTDisabledLabel
{
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: normal;
	color: Gray;
}
.CTGridLabel
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
}
.CTGridLabelWithPadding
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 8px;
}
.LeftPadding-3px
{
	padding-left: 3px !important;
}
.CTGridLabelStrike
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	padding: 3px;
	text-decoration: line-through;
}
.CTRadioButtonList
{
	text-align: left;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
}
.CTRedLabel
{
	font-family: Verdana;
	font-size: 12px;
	/*color: #9a0002;*/
    color:#ff8300;
	font-weight: Normal;
}
.CTRedLabelBold
{
	font-family: Verdana;
	font-size: 12px;
	/*color: #9a0002;*/
    color:#ff8300;
	font-weight: bold;
}
.CTlblTableLineHeight
{
	line-height: 28px;
}


.bodyleftcontainer
{
	width: 190px;
	height: 100%;
	float: left;
}

/* Blue Menu Section */

.bluemenutopleft
{
	/*background-image: url(../../images/menuitems_26.jpg);
	background-repeat: no-repeat;*/
    background-image:url(../../Images/Blue/menuitems_26.jpg);
    background-repeat:no-repeat;
    /*background:url(../../Images/Blue/menuitems_26.jpg) no-repeat #004976;*/
    /*background:#2058a5;*/
    /*background:#004976;
    border-radius:6px 0px 0px 0px;*/    
	width: 8px;
	height: 7px;
}
.bluemenutopcenter
{
	/*background-image: url(../../images/menuitems_27.jpg);
	background-repeat: repeat-x;*/
    background-image:url(../../Images/Blue/menuitems_27.jpg);
    background-repeat:repeat-x;
    /*background:url(../../Images/menuitems_27.jpg) repeat-x #004976;*/
    /*background:#2058a5;*/
    /*background:#004976;*/    
	width: 151px;
	height: 7px;
}
.bluemenutopright
{
	/*background-image: url(../../images/menuitems_28.jpg);
	background-repeat: no-repeat;*/
    background-image:url(../../Images/Blue/menuitems_28.jpg);
    background-repeat:no-repeat;
    /*background:url(../../Images/menuitems_28.jpg) no-repeat #004976;*/
    /*background:#2058a5;*/
    /*background:#004976;
    border-radius:0px 6px 0px 0px;*/    
	width: 8px;
	height: 7px;
}
.bluemenubottomleft
{
	/*background-image: url(../../images/menuitems_31.jpg);
	background-repeat: no-repeat;*/
    background-image:url(../../Images/Blue/menuitems_31.jpg);
    background-repeat:no-repeat;
    /*background:url(../../Images/Blue/menuitems_31.jpg) no-repeat #004976;*/
    /*background:#2058a5;*/
    /*background:#004976;*/
    /*border-radius:0px 0px 0px 6px;*/    
	width: 8px;
	height: 7px;
}
.bluemenubottomcenter
{
	/*background-image: url(../../images/menuitems_32.jpg);
	background-repeat: repeat-x;*/
    background-image:url(../../Images/Blue/menuitems_32.jpg);
    background-repeat:repeat-x;
    /*background:url(../../Images/Blue/menuitems_32.jpg) repeat-x #004976;*/
    /*background:#2058a5;*/
    /*background:#004976;*/        
	width: 151px;
	height: 7px;
}
.bluemenubottomright
{
	/*background-image: url(../../images/menuitems_33.jpg);
	background-repeat: no-repeat;*/
    background-image:url(../../Images/Blue/menuitems_33.jpg);
    background-repeat:no-repeat;
    /*background:url(../../Images//Blue/menuitems_33.jpg) no-repeat #004976;*/
    /*background:#2058a5;*/
    /*background:#004976;
    border-radius:0px 0px 6px 0px;*/    
	width: 8px;
	height: 7px;
}

.OpenStatusCSS
{
	font-family: Verdana;
	font-size: 12px;
	/*color: #9a0002;*/
    color:#ff8300;
	font-weight: bold;
}

.ClosedStatusCSS
{
	font-family: Verdana;
	font-size: 12px;
	/*color: #9a0002;*/
    color:#ff8300;
	font-weight: bold;
}

.HoldStatusCSS
{
	font-family: Verdana;
	font-size: 12px;
	/*color: #9a0002;*/
    color:#ff8300;
	font-weight: bold;
	text-decoration: blink;
}

.CancelledStatusCSS
{
	font-family: Verdana;
	font-size: 12px;
	/*color: #9a0002;*/
    color:#ff8300;
	font-weight: bold;
}
/*Paging */
#content
{
	border-right: #000 0px solid;
	padding-right: 5px;
	border-top: #000 0px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px auto;
	border-left: #000 0px solid;
	width: 200px;
	padding-top: 0px;
	border-bottom: #000 0px solid;
}
/* Rule 129 of /inc/css/layout.css */#content-primary
{
	clear: left;
	border-right: #000 0px solid;
	padding-right: 0px;
	border-top: #000 0px solid;
	display: inline;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin: 0px 20px 0px 25px;
	border-left: #000 0px solid;
	width: 200px;
	padding-top: 0px;
	border-bottom: #000 0px solid;
}
/* Rule 6 of /inc/css/ie.css */#content
{
	border-right: #000 0px solid;
	padding-right: 4px;
	border-top: #000 0px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px auto;
	border-left: #000 0px solid;
	width: 200px;
	padding-top: 0px;
	border-bottom: #000 0px solid;
}
/* Rule 3 of /inc/css/layout.css */#page
{
	padding-right: 0px;
	padding-left: 0px;
	z-index: 1;
	padding-bottom: 0px;
	margin: 0px;
	overflow: hidden;
	width: 250px;
	padding-top: 0px;
	position: relative;
	height: 30px;
}
/* Rule 36 of /inc/css/layout.css */#page-body
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	margin: 0px;
	padding-top: 0px;
}

/* Rule 248 of /inc/css/layout.css */#content-primary .paging
{
	clear: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	margin: 3px 0px 0px 0px;
	width: 200px;
	padding-top: 2px;
}
/* Rule 251 of /inc/css/layout.css */#content-primary .paging A
{
	border-right: #afc2dc 1px solid;
	padding-right: 2px;
	border-top: #afc2dc 1px solid;
	padding-left: 3px;
	background: #edf2f8;
	padding-bottom: 1px;
	border-left: #afc2dc 1px solid;
	color: #1b4f89;
	padding-top: 1px;
	border-bottom: #afc2dc 1px solid;
	text-decoration: none;
    /*border-right: #666666 1px solid;
	padding-right: 2px;
	border-top: #666666 1px solid;
	padding-left: 3px;
	background: #666666;
	padding-bottom: 1px;
	border-left: #666666 1px solid;
	color: White;
	padding-top: 1px;
	border-bottom: #666666 1px solid;
	text-decoration: none;*/
}
/* Rule 19 of /inc/css/content.css */#content-primary A
{
	color: #742a2b;
	text-decoration: underline;
}
/* Rule 250 of /inc/css/layout.css */#content-primary .paging .current
{
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	padding-bottom: 2px;
	color: #9a0002;
	padding-top: 2px;
	border-bottom: #9a0002 1px solid;
    /*padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	padding-bottom: 2px;
	color: White;
	padding-top: 2px;
	border-bottom: #004976 0px solid;
    background:#004976;
    margin-right:4px;*/
}

/* Subscriber Invoice Billing Summery Style Starts */

.Subtotal_style
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.RecurringArea_CONTENTHEAD
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}
.RecurringArea_Head
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #810c0b;
	font-weight: bold;
	background-color: White;
}
.subtotalcontent_Font
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.totaldue
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
}
.cheq_msgs
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

/* Subscriber Invoice Billing Summery Style Ends */

/* BDR Config grid Style Starts */

.GridHead
{
	background-color: #0a3e70;
	float: left;
	width: 410px;
	height: 20px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #0a3e70;
}
.GridHeadStyles
{
	float: left;
	width: 20%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

.GridHeadStylesBDR
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

.Config_BDR_LeftBorder
{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #04396c;
	background-color: #fffedf;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #04396c;
}
.Config_BDR_RightBorder
{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #04396c;
	background-color: #fffedf;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #04396c;
}
.Config_BDR_TopBorder
{
	height: 40px;
	background-color: #fffedf;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #04396c;
}

.Config_BDR_HeaderLeft
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-repeat: no-repeat;
	cursor: pointer;
}
.Config_BDR_HeaderRight
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: right;
	cursor: pointer;
}
.CTDropdownListSmall
{
	font-family: Verdana;
	font-size: Small;
	text-align: left;
	width: 80px;
	border: solid 1px #b3d1fc;
	text-transform: capitalize;
}
.CTDropdownListMedium
{
	font-family: Verdana;
	font-size: Small;
	text-align: left;
	width: 120px;
	border: solid 1px #b3d1fc;
	text-transform: capitalize;
}
.CTDropdownListHighMedium
{
	font-family: Verdana;
	font-size: Small;
	text-align: left;
	width: 130px;
	border: solid 1px #b3d1fc;
	text-transform: capitalize;
}
.CTDropdownListTooSmall
{
	font-family: Verdana;
	font-size: Small;
	text-align: left;
	width: 50px;
	border: solid 1px #b3d1fc;
	text-transform: capitalize;
}

/* Used to Provide Padding in the Cells of Grid View */
.ProvidePadding
{
	padding-left: 20px;
}

/* BDR Config grid Style Ends */
.grid
{
	border: 1px solid #0A3E70;
	width: 100%;
}

.grid td
{
	padding: 3px;
	border-top: 1px solid #0A3E70;
}

/*class for SIP Trunk Page*/
.SIP_Trunk_LeftClmn
{
	width: 20%;
	height: 30px;
}
.SIP_Trunk_RightClmn
{
	width: 20%;
	height: 25px;
}
.SIP_Trunk_Space
{
	width: 5%;
	height: 20px;
}
/*Table for --ManageGroup-- Starts*/
.CC_RB_Ash_LC
{
	background-image: url(../../images/CC_RB_LC.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 13px;
}
.CC_RB_Ash_RC
{
	background-image: url(../../images/CC_RB_01-RC.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 13px;
}
.CC_RB_Ash_TBorder
{
	height: 19px;
	width: auto;
	background-image: url(../../images/CC_RB_01-TR.png);
	background-repeat: repeat-x;
}
.CC_RB_Ash_LBorder
{
	width: 13px;
	background-image: url(../../images/CC_RB_LR.png);
	background-repeat: repeat-y;
}
.CC_RB_Ash_BBorder
{
	height: 19px;
	width: auto;
	background-image: url(../../images/CC_RB_BR.png);
	background-repeat: repeat-x;
}
.CC_RB_Ash_BLC
{
	background-image: url(../../images/CC_RB_BLC.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 13px;
}
.CC_RB_Ash_BRC
{
	background-image: url(../../images/CC_RB_RBC.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 13px;
}
.CC_RB_Ash_RBorder
{
	height: 19px;
	width: 10px;
	background-image: url(../../images/CC_RB_RR.png);
	background-repeat: repeat-y;
}



/* Popup Window - Progress Bar - Styles STARTS HERE*/
.Popup_LeftCurve
{
	width: 10px;
	height: 19px;
    background:#e6effc;
    border-radius:6px 0px 0px 0px;
	/*background-image: url(../../Images/POPUP_01.png);
	background-repeat: no-repeat;*/ /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=  '../Images/POPUP_01.png' );*/
}
.Popup_TopRep
{
	width: auto;
	height: 19px;
	/*background-image: url(../../Images/POPUP_02.png);
	background-repeat: repeat-x;*/
    background:#e6effc;
}

.Popup_RightCurve
{
	width: 10px;
	height: 19px;
    background:#e6effc;
    border-radius:0px 6px 0px 0px;
	/*background-image: url(../../Images/POPUP_03.png);
	background-repeat: no-repeat;*/ /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=  'images/POPUP_03.png' ,sizingMethod= 'scale' );*/
}
.Popup_LeftRep
{
	width: 10px;
    background:#e6effc;
	/*background-image: url(../../Images/POPUP_04.png);
	background-repeat: repeat-y;*/
}
.Popup_ContentArea
{
	width: auto;
	/*background-color: #fff5d8;*/
    background:#e6effc;
}

.Popup_RightRep
{
	width: 10px;
	/*background-image: url(../../Images/POPUP_06.png);
	background-repeat: repeat-y;*/
    background:#e6effc;
}
.Popup_LeftCurveBase
{
	width: 10px;
	height: 19px;
    background:#e6effc;
    border-radius:0px 0px 0px 6px;
	/*background-image: url(../../Images/POPUP_07.png);
	background-repeat: no-repeat;*/ /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=  'images/POPUP_07.png' ,sizingMethod= 'scale' );*/
}

.Popup_BaseRep
{
	width: auto;
	height: 19px;
    background:#e6effc;
	/*background-image: url(../../Images/POPUP_08.png);
	background-repeat: repeat-x;*/
}

.Popup_RightCurveBase
{
	width: 10px;
	height: 19px;
    background:#e6effc;
    border-radius:0px 0px 6px 0px;
	/*background-image: url(../../Images/POPUP_09.png);
	background-repeat: no-repeat;*/ /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=  'images/POPUP_09.png' ,sizingMethod= 'scale' );*/
}
.PopupMsgStyle
{
	font-family: Arial,verdana;
	font-size: 12;
	font-weight: bold;
	color: #000000;
	padding-left: 15px; /* space between image and message */
}
/*Ticket #50420 - progress bar loader img style*/
.spinloader
{
    height:25px;
}
/* Popup Window - Progress Bar - Styles ENDS HERE*/

/* PopUp window Style Starts here*/
a
{
	color: #333;
	text-decoration: none;
}
a:hover
{
	color: #ccc;
	text-decoration: none;
}
#mask
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 100;
	/*background-color: #585858;*/
    background:#fff;
	display: none;
}
#boxes .window
{
	position: fixed;
	top: 0%;
	left: 50%; *left:0%;
margin-left:-100px;
margin-top:-100px;
z-index:105;
}
#boxes #dialog
{
	height: 100%;
	padding: 0px;
}
.Popup_Bg
{
	background-image: url(../../Images/POPUP.png); /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=  'images/POPUP.png' ,sizingMethod= 'scale' );*/
	background-repeat: no-repeat;
	width: 243px;
	height: 65px;
}
/* Test - Text overflow */
.test
{
	white-space: nowrap;
	width: 100%;
	overflow: hidden; /* "overflow" value must be different from "visible" */
	text-overflow: ellipsis;
}

/*----------------Migration Styles Starts Here------------------*/

.Migration_Tbl
{
	width: 100%;
}

.Migration_TopLeftCurve
{
	background-image: url(../../Images/Migration_TLC.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 21px;
	width: 10px;
}

.Migration_TopRep
{
	background-image: url(../../Images/Migration_TRep.png);
	background-repeat: repeat-x;
	height: 21px;
	width: auto;
}

.Migration_TopRightCurve
{
	background-image: url(../../Images/Migration_TRC.png);
	background-repeat: no-repeat;
	height: 21px;
	width: 10px;
}

.Migration_LeftRep
{
	background-image: url(../../Images/Migration_LRep.png);
	background-repeat: repeat-y;
	background-position: right top;
}

.Migration_RightRep
{
	background-image: url(../../Images/Migration_RRep.png);
	background-repeat: repeat-y;
}

.Migration_LeftCurveBase
{
	background-image: url(../../Images/Migration_LCB.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.Migration_BaseRep
{
	background-image: url(../../Images/Migration_BRep.png);
	background-repeat: repeat-x;
	height: 21px;
	width: auto;
}

.Migration_RightCurveBase
{
	background-image: url(../../Images/Migration_BRC.png);
	background-repeat: no-repeat;
}

.Migration_ContentArea
{
	background-color: #f4f4f4; /*text-transform: capitalize;*/
	color: #4a4a4a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	padding-left: 5px;
	vertical-align: middle;
}

/*.Migration_Desc_Text
{
	padding-left:5px;
	padding-right:5px;
	text-align:justify;
	white-space:nowrap;
}*/

.Migration_Button
{
}

.Migration_Tbl_Spacing
{
	width: 2%;
}

/*----------------Migration Styles Ends Here----------------*/



/*Payment Gateway Styles */
/*--Start--*/
.Payment_Ctnr
{
	float: left;
	width: 100%;
	border: thin solid #CCCCCC;
}
.Payment_Ctnr_TopRed
{
	width: 100%;
	background-color: #9a0002;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.Paypal_Msg
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #009900;
	text-decoration: underline;
	text-transform: uppercase;
	text-align: center;
	float: left;
	width: 100%;
	margin-top: auto;
	margin-bottom: auto;
}
/*--Ends---*/

.PageHead /*----Class For Page Head----*/
{
	font-family: Verdana;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}
.BDRConfig_Gridview_Padding
{
	padding-left: 5px;
}

.datapager
{
	border-right: #afc2dc 1px solid;
	padding-right: 3px;
	border-top: #afc2dc 1px solid;
	padding-left: 3px;
	background: #edf2f8;
	padding-bottom: 1px;
	border-left: #afc2dc 1px solid;
	color: #1b4f89;
	padding-top: 1px;
	border-bottom: #afc2dc 1px solid;
	text-decoration: none;
	cursor: pointer;
}

.ellipsis
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
*:first-child + html verticaltext
{
	right: -0px;
}
/* IE7 positions element differently to IE6 & 8 */
.verticaltext
{
	right: -0px;
	bottom: 24px;
	writing-mode: lr-tb;
}

/* 14 FEB 2019: Ticket=42222; style class for table gridlines added by Varghese in ver 9.3.0 */
.GridViewLine 
{
    border-collapse: collapse;  
    /*background-color:#004976;*/
    border-color:#004976;
}
.GridViewLine tr{

}
.GridViewLine tr.GridViewLineHeaderRow
{
    background-color:#004976;
    height:20px;
    color:#ffffff;
}
.GridViewLine tr.GridViewLineHeaderRow td,
.GridViewLine tr.GridViewLineHeaderRow th{
    background-color:#004976;
    color:#ffffff;
}
.GridViewLine tr.GridViewLineRow
{
    background-color:#d2dff1;
}
.GridViewLine tr.GridViewLineAlternateRow
{
    background-color:#e6effc;
}
.GridViewLine th
{
    /*border: 1px solid #0A3E70 ;*/
    /*border: 1px solid #2058a5 ;*/
    border:solid 1px #004976;
}
.GridViewLine td 
{
    /*border: 1px solid #0A3E70;*/
    /*border: 1px solid #2058a5;*/
    border:solid 1px #004976;
}
.GridViewLine td table td,.GridViewLine td table th{
    border:none; /*!important;*/
    border-color: transparent; /*!important;*/
}
/*14 FEB 2019: Ticket=42222; style calss for table gridlines with gray color added by Varghese in ver 9.3.0*/
.GridViewLineGray{
    border-collapse:collapse;
}
.GridViewLineGray tr{

}
.GridViewLineGray th{
    border:solid 1px #808080 !important;
}
.GridViewLineGray td{
    border:solid 1px #808080 !important;
}
.GridViewLineGray td table td,.GridViewLineGray td table th{
    border:none; /*!important;*/
    border-color: transparent !important;
}
/*07 MAR 2019: Ticket=42222; style calss for table gridlines with white color added by Varghese in ver 9.3.0*/

.GridViewLineWhite{
    border-collapse:collapse;
}
.GridViewLineWhite tr{

}
.GridViewLineWhite th{
   border:solid 1px White !important;
}
.GridViewLineWhite td{
    border:solid 1px White !important;
}
.GridViewLineWhite td table td,.GridViewLineWhite td table th{
    border:none; /*!important;*/
    border-color: transparent !important;
}

/*Binoj replaced the styles and commented the styles in newtemplate.css as to delete duplicates*/
.GridView
{
	font-family: Verdana;
	font-weight: normal;
	margin-left: 20px;
	margin-top: 34px;
    /*background-color:#2058a5;*/
}
.GridView th
{
	/*background-color: #2058a5;*/
    background-color:#004976;
	text-align: center;
	font-size: 9pt;
	font-weight: lighter;
	color: #FFFFFF;
	/*border: 1px solid #2058a5;*/
    border:solid 1px #004976;
	padding: 3px;
}
.GridView th a
{
	color: #FFFFFF;
}
.GridView td
{
	font-size: 8pt;
	padding: 3px 10px 3px 10px;
	/*border: 1px solid #0A3E70;*/
    /*border:solid 1px #2058a5;*/
    border:solid 1px #004976;
}
.GridViewAlternatingRowStyle
{
	/*background-color: #EDEDED;*/    
    background-color:#e6effc;
}
.GridViewRowStyle
{
	/*background-color: #FFFFFF;*/
    background-color:#d2dff1;
}
.GridViewPagerStyle td
{
	font-family: Verdana;
	font-size: 12px;
	padding: 3px 3px 2px 2px;
	border: none;
    /*color:#ed7507;*/
}
.GridViewPagerstyleFloat{
    height:25px; 
    position:relative;    
}
.GridViewPagerStyleFloatTable{
    position:fixed;    
}

.GridViewPagerStyle span
{
	font-weight: bold;
	color: #9A0002;
	border-bottom: #9A0002 1px solid;
	padding: 1px 3px 1px 3px;
    /*font-weight: bold;
	color: White;
	border-bottom: #666666 1px solid;
	padding: 1px 3px 1px 3px;
    background:#666666;*/
}
.GridViewPagerStyle a
{
	border: #afc2dc 1px solid;
	background: #edf2f8;
	color: #1b4f89;
	text-decoration: none;
	padding: 1px 3px 1px 3px;
    /*border: #004976 1px solid;
	background: #004976;
	color: White;
	text-decoration: none;
	padding: 1px 3px 1px 3px;*/
}
.GridViewEmptyDataRowStyle td
{
	padding: 0px;
	text-align: center;
	color: Red;
	font-size: 13px;
	height: 25px;
	font-weight: bold;
	background-color: White !important; /*border: none ;*/
}
.user span
{
	padding-right: 20px !important;
    color:#ff8300;
}
#tblAccountInfo .CTGridLabel
{
	padding-left: 0 !important;
	padding-right: 0 !important;
	position: relative;
}
.CTHistoryTitle
{
	font-family: Verdana;
	font-size: 12px;
	color: #000000 !important;
	font-weight: normal;
	text-align: center !important;
}
.CSNoRecordInGridMsg
{
	text-align: center;
	color: Red;
	font-size: 13px;
	height: 25px;
	background-color: White;
}
.CTSpanTime
{
	/*color: #2222FF;*/ /*Rish commented this on MAY 17 2021, M.V advised to do this before CSPIRE demo.*/
}
.CTBlueLink
{
	font-family: Verdana;
	font-size: 12px;
	color: #0066CC;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
    margin-bottom:2px;
}
.CTBlueLinkMedium
{
	font-family: Verdana;
	font-size: 11px;
	color: #0066CC;
	font-weight: normal;
	cursor: pointer;
	text-decoration: underline;
}
.TitleCase
{
    	text-transform: capitalize !important;
	
}
.GridCommonPadding td, th
{
	padding-left: 10px;
	padding-right: 10px;
}
.Message
{
	display: inline-block;
}
.Error
{
	display: inline-block;
}
.Warning
{
	display: inline-block;
}
.SkipTransform
{
	text-transform: none !important;
}
.CTGridAmountLabel
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
	text-align: right;
	padding-right: 5px;
}
.GridNoPadding td, th
{
	padding: 0px;
}
.CTRedLabelNormal
{
	font-family: Verdana;
	font-size: 12px;
	color: #9a0002;
	font-weight: normal;
}
.CTSubHeader
{
	font-family: Verdana;
	font-size: 12px;
	color: #9a0002;
	font-weight: bold;
	text-transform: none !important;
}
.GridAmountRightPadding
{
	padding-right: 15px !important;
}
.QuickLink td
{
	padding-right: 20px;
}
.Cell-Padding-Left40
{
	padding-left: 40px !important;
}
.Cell-Padding-Left30
{
	padding-left: 30px !important;
}
.Cell-Padding-Left25
{
	padding-left: 25px !important;
}
.Cell-Padding-Left20
{
	padding-left: 20px !important;
}
.Cell-Padding-Left15
{
	padding-left: 15px !important;
}
.Cell-Padding-Left10
{
	padding-left: 10px !important;
}
.Cell-Padding-Left5
{
	padding-left: 5px !important;
}

.accordation_heading_pannel
{
	padding: 13px;
	background-color: /*#fbfad1;*/#f1f1f1;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}
.accordation_heading_pannel_icon
{
	float: right;
	margin-top:auto;
}
.accordation_pannel_content
{
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	padding: 13px;
	margin-bottom: 5px;
	border-radius: 5px;
	text-align:justify;
	font-weight:normal;
}

.arrowicon {
	background:url(../../Images/arrow.png) no-repeat;
	width:10px;
	height:20px;
	float:right;
	margin-left:-3px;
}
.account-setting-step{
	background-color:#0c4b83;
	color:#fff;
	height:10px;
	width:100px;
	padding:2px; 
	text-align:center;
	position:relative;
	
}
.arrowicon-left {
	background:url(../../Images/arrow-left.png) no-repeat;
	width:14px;
	height: 22px; left: -11px; top: 0;
	position:absolute;
}
.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right:0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
input[type="file"] {
    display: block;
}
.btnbrowse {
    display: inline-block;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none !important;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
    border-width:0px;
    margin-top:-4px;
}

/*Workspace*/
.divWorkSpace
    {
    position: relative;
    height: 29px;
    display: inline-block;
    }
    .Divworkspace
    {
    display:none;
    width: 232px;
    position: absolute;
    left: 0px;
    background: #fff;
    top: 29px;
    z-index: 10;
    /*border: solid 1px #2058a5;*/
    border:solid 1px #004976;
    }
    .Divworkspace_hide
    {
        display:none;
    }
    .Divworkspace_show
    {
        display:inline;
    }
    .Divworkspace ul
    {
    list-style: none;
    margin: 0px 0px;
    padding: 0px 0px;
    width: 100%;
    float: left;
    }
    .Divworkspace ul li
    {
    padding: 2px 2px 2px 2px;
    display:block;
    text-align: left;    
    }
    .Divworkspace ul li a
    {
    cursor:pointer;
    width:100%;
    }
    .Divworkspace ul li span
    {    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
    width:100%; 
    }
    .Divworkspace ul li span:first-child {
    width:100%;   
    }

    #outer {
      padding-top: 20vh;
      width: 100%;
      text-align: center;
    }
   
    #inner {
      display: inline-block;
    }
    #preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    /*background: #fff;*/       
}
/*#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color:#ff6600;
    -webkit-animation: spin1 2s linear infinite;
    animation: spin1 2s linear infinite;
}*/
#loader {
    display: block;
    position: absolute;
    left: 0px;
    right:0px;
    top: 0px;    
    bottom: 0px;
    width: 80px;
    height: 80px;
    margin: auto auto;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ff6600;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:after
{
    content:"";
     width: 5px;
    height: 5px;
    position: absolute;
    top: 5px;
    right: 9px;
    display: block;
    border-top: 2px solid #ff6600;
    border-left: 2px solid #ff6600;
        -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#loader1 {
    display: block;
    position: absolute;
    left: 0px;
    right:0px;
    top: 0px;    
    bottom: 0px;
    width: 60px;
    height: 60px;
    margin: auto auto;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #004976;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader1:after
{
    content:"";
    width: 5px;
    height: 5px;
    position: absolute;
    top: 3px;
    right: 6px;
    display: block;
    border-top: 2px solid #004976;
    border-left: 2px solid #004976;
            -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#loader2 {
    display: block;
    position: absolute;
    left: 0px;
    right:0px;
    top: 0px;    
    bottom: 0px;
    width: 40px;
    height: 40px;
    margin: auto auto;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #b5cbea;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader2:after
{
    content:"";
     width: 5px;
    height: 5px;
    position: absolute;
    top: 0px;
    right: 3px;
    display: block;
    border-top: 2px solid #b5cbea;
    border-left: 2px solid #b5cbea;
        -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;    
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #004976;
    -webkit-animation: spin1 3s linear infinite;
    animation: spin1 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;   
    border-top-color:#b5cbea; 
    -webkit-animation: spin1 1.5s linear infinite;
    animation: spin1 1.5s linear infinite;
}*/
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
  }
  @keyframes spin {
      0%   {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg);
      }
      100% {
          -webkit-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }

  /*add css part from aspx page*/
  .Message_ContentArea
  {
            background-color: #f4f4f4;
            color: #4a4a4a;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            text-align: left;
            padding-left: 5px;
            vertical-align: middle;
  }
    .Message_ContentArea font
  {
      color:#ff8300;
  }

/*css part for manage profile */
   
 .subtable ul li
 {
      /*color: #a90600;*/
      color:#ff8300;
 }
/*css part for crossoft home*/
 .divquickInfo
 {
      background: url('../../Images/Blue/billingQuickInfo_spriteIcons.png?v=4') center;            
 }
  .mainHeader
  {
      text-align: left;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #ff8300;
      background-color: #ebf2ff;
  }
  /*new add css part*/
  .ND-custinvtr1
  {
    color: #ff8300;
    background-color:#ebf2ff;
  }
    .ND-custinvtr2{
      background-color:#ff8300;
  }
    .ND-custinvtr3{
        color: #ff8300;
    }
    .ND-fontclr1
    {
color: #ff8300;
    }