
/* Цвет всех линков, если не указано противное */
A:link
{
	color: #000000;
}
A:visited
{
	color: #551A8B;
}
A:active
{
	color: #F00;
}

TABLE, CAPTION
{
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-variant: inherit;
}

.branded-text-color
{
	color: #FF0033;
}
.branded-color
{
	background-color: #C0C0C0;
}

/* logo and page title */
.page-title-table           	/* отсутпы сверху и снизу от панели с лого и полосой */
{
	padding-top: 10px; 
	padding-bottom:10px;
	table-layout: fixed;
}
.page-title-panel
{
	padding-left: 5px; 
	padding-bottom:10px;
	width:100%;
}
.page-logo-panel
{
	vertical-align:top;
	width:212px;   /* широна картинки лого */
}
.page-title-top-line		/* top band after LOGO */
{
	background-color: #666666;          /*C6EFCE;*/
	border-top: 3px solid #FF0000;      /* red upper line */
	height:10px;
}
.page-title-bottom-line		     /* bottom band after LOGO */
{
	font-size: medium;	     /* text of PAGE > NAME */
	font-weight: bold;
	background-color: #999999; 
	color:#FFFFFF;
	height:17px;
	padding-left:   7px;         /* padding for PAGE > NAME */
	padding-bottom: 1px; 
	padding-top:    2px; 
}
.page-title-link
{
	color:#FFFFFF;
}
a.page-title-link
{
	text-decoration:underline;
	color:#000000;
}

/* */
.form-noindent
{
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
}

BODY
{
	font-size: small;
	font-family: Arial, Sans-Serif;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #FFF;
}
.smaller-text
{
	font-size: 83%;
}

.status-message
{
	font-size: 83%;
}
.larger-text
{
	font-size: 120%;
	font-weight: bold;
}


/*This is the id attribute value of the div which contains the menu items at the top left of the master page*/
#gbar
{
	padding-left: 2px;
	padding-top: 1px; /*[e]1px! important*/
	/*float: left;*/
	height: 22px;
	white-space:nowrap;
}
/*This is the class of two div elements on the master page*/
.gbh
{
	border-top: 1px solid #666666;
	width: 100%;
	position: absolute;
	top: 24px;
	height: 0px;
	height: 0px;
	font-size: 1px;
}
#guser
{
	padding-top: 1px; /*[e]1px! important*/
	padding-bottom: 7px; /*[e]7px! important*/
	white-space:nowrap;
}
HR
{
	border-right: 0px;
	border-top: 0px;
	margin: 5px;
	border-left: 0px;
	width: 100%;
	border-bottom: 0px;
	height: 1px;
	background-color: #DDDDDD;
	text-align: left;
}


.InputField			/* поля ввода */
{
	/* border: 1px solid #D4D0C8; */
	font-size: 115%;
	background: white;
}
.InputArea
{
	/* border: 1px solid #D4D0C8;*/
	background: white;
}
.item
{
	vertical-align:top;
	text-align:left;
	white-space:nowrap;
	font-weight: bold; 
}
.hidden 
{
	display:none;
}
.errortext
{
	color: Red;
}
.current-settings
{
	color: Red;
	font-weight:bold;
}

.tip				/* Надписи контекстных подсказок */
{ 
	font-size: smaller; 
	color: #6f6f6f; 
	
}



.butt1 {
	background-color: #ABABAB;/*#464451;*/
        border-right: #000000 1px solid;
	border-top: #505050 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #505050 1px solid;
	padding-top: 1px;
	margin-bottom: 4px;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial;
	color: #000000;   /* fff5ee; */
	font-weight:bold;
}

/* context Menu and main field options */

.loginpanel               	  /* login panel size and paddings */
{
	width:        215px;      /* ширина зоны ввода пароля - рекомендуется равная с No menu panel*/
	padding-top:   10px;	  /* padding-top from the LOGO block отступ сверху от полосы с лого */
	padding-left:   0px;      /* отступ слева от левого края окна браузера */
	padding-right:  0px; 	
	vertical-align: top;

	min-width:          215px; 
	max-width:          215px; 
	text-align:left; 
	background-image:url(/images/left_bar-mid.jpg);
	background-repeat:repeat-y;
	
}
.contentpanel                     /* main field parameters lposition with context menu */
{
	padding-right:   5px; 
	padding-left:   10px;     /* отступ слева от правого края login или контектсного меню */
	padding-bottom:  4px; 
	padding-top:    10px;	  /* отступ сверху от полосы */
	text-align:     left; 
	vertical-align:  top;
/*	background-image: http://www.e1tele.com/images/mobim2.gif*/
/*	background-image: url(pic.gif);
	background-repeat: no-repeat; /*(repeat, repeat-x, repeat-y)
        background-position: left; /* bottom, top, center, right*/
	/* border-left: #dddddd 3px solid; */
	border-top:    #dddddd 3px solid; 	
	border-bottom: #dddddd 3px solid; 	
	border-right:  #dddddd 3px solid; 	

}
.contentpanel-nomenu	          /* main field parameters lposition with NO CONTEXT menu */
{
	padding-right:   5px; 
	padding-left:   10px;     /* отступ слева от правого края login или контектсного меню */
	padding-bottom:  4px; 
	padding-top:     0px;	  /* отступ сверху от полосы */
	text-align:     left; 
	vertical-align:  top;
	/* border-left: #dddddd 3px solid;
	border-top:    #dddddd 3px solid; 	
	border-bottom: #dddddd 3px solid; 	
	border-right:  #dddddd 3px solid; */

}

/* Monitor page options */
.contentpanel-monitor 		  /* main field position for Regular monitor page */
{
	margin-top:    0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left:   0px;  /* отступ от левого края main field - суммируется с contentpanel*/
	border-top:    #dddddd 3px solid; 	
	border-bottom: #dddddd 3px solid; 	
	border-right:  #dddddd 3px solid; 	

}
.monitor 			/* положение флэш апликации внутри main field (для страницы с монитором) */
{
	text-align:left;
	vertical-align:top;
	padding-top:  7px;
	padding-left: 7px;
}

.monitor-alone
{
	border:    none; 	
	padding-left: 7px;
	padding-top:  7px;
	
}
td.monitor-alone
{
	padding-left: 0px;
}
/* end Страница монитора*/

.menupanel                	/* context menu panel parameters on page with context menu */
{
	width:          250px; 
	padding-right:    0px; 
	padding-left:     0px; 
	padding-bottom:   4px; 
	padding-top:      0px;	/* отступ сверху от полосы */
	text-align:left; 
	vertical-align:top;
	background-color: #ffffff;
	border-right: #dddddd 3px solid;
}
.menupanel-monitor              /* Monitor context menu parameters */
{
	width:          250px; 
	padding-right:    0px; 
	padding-left:     0px; 
	padding-bottom:   4px; 
	padding-top:      0px;	/* отступ сверху от полосы */
	text-align:left; 
	vertical-align:top;
	background-color: #ffffff;
	border-right: #dddddd 3px solid;
}

.nomenupanel                    /* parameters of menu panel when NO context menu on the page */
{
	width:          250px; 
	padding-right:    0px; 
	padding-left:     0px; 
	padding-bottom:   4px; 
	padding-top:     10px;	/* отступ сверху от полосы */
	text-align:left; 
	vertical-align:top;
	background-color: #ffffff;
	border-right: #dddddd 10px solid;
}




/*Main Field */
.main-title
{
	text-transform:none;
	font-weight:bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.main-title-ucase
{
	font-weight:bold;
	text-transform:uppercase;
}
.main-ul
{
	padding-left:1em; 
	margin-left: 1em; 
	margin-top: 0.5em; 
	margin-bottom: 0.5em;
	padding-right:2em; 
	margin-right: 2em; 
}


.main-text, .main-text-bold, .main-text-i {
	font-size: 100%;
	color: #000000;
	margin-right: 3px;
	margin-bottom: 3px;
	padding-right:5px;
	padding-bottom:3px;
	text-align:justify;
	vertical-align:top;
}
.main-text-bold
{
	font-weight:bold;
	text-decoration:underline;
}
.main-text-i
{
	font-size: 100%;
	font-style:italic;
	text-decoration:underline;
}

.main-table 
{
	margin-top:    0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left:   0px;  /* отступ от левого края main field - суммируется с contentpanel*/
}

.main-subtable
{
	padding-left:0px;
	padding-right:0px;
}
.main-sub-text
{
	padding-left:3px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:5px;
	text-align:justify;
	vertical-align:top;
    border: 1px solid;
}

.main-separator
{
	height:1em;
}
.main-line-separator 		/* line under enter fiels in tarif calculator */
{
	margin-top:    	  15px;
}
td.main-line-separator 		/* line under enter fiels in tarif calculator */
{
	height:		  1px;
	background-color: #aaaaaa;
}

/* Справка */
.help-menupanel                	/* help menu panel parameters on page with context menu */
{
	width:          250px; 
	padding-right:    0px; 
	padding-left:     0px; 
	padding-bottom:   4px; 
	padding-top:      0px;	/* отступ сверху от полосы */
	text-align:left; 
	vertical-align:top;
	background-color: #ffffff;
	border-right: #e8eefa 3px solid;
}

.help-contentpanel                     /* main field parameters lposition with context menu */
{
	padding-right:   5px; 
	padding-left:   10px;     /* отступ слева от правого края login или контектсного меню */
	padding-bottom:  4px; 
	padding-top:    10px;	  /* отступ сверху от полосы */
	text-align:     left; 
	vertical-align:  top;
	border-top:    #e8eefa 3px solid; 	
	border-bottom: #e8eefa 3px solid; 	
	border-right:  #e8eefa 3px solid; 	

}

.help-menulink, .help-activemenulink {
	font-size: 90%;
	font-weight:bolder;
}

a.help-menulink 
{
	text-decoration: underline;
	color:#000000;  /* #0000CC */
}

.help-activemenulink
{
	text-decoration:none;
	color:#ff0000;
}
td.help-menuitem {
	padding-top:   5px;
	padding-bottom:5px;
	padding-left: 10px;
}
td.help-active-menu-item {
	padding-top:     5px;
	padding-bottom:  5px;
	padding-left:   10px;
	background-color: #cccccc;          /* #e8eefa;*/
}


.help-table-title /* Название раздела справки в mainfield*/
{
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.help-link                 /* Список подразделов справки в mainfield */
{
	font-size: 90%;
	font-weight:bolder;
}

a.help-link               /* Список подразделов справки в mainfield */
{
	text-decoration: underline;
	color:#000000;  
}

td.help-item {                 /* Список подразделов справки в mainfield */
	padding-top:   5px;
	padding-bottom:5px;
	padding-left: 10px;
}



/* Data per page */
.pager-table
{
	margin-bottom : 5px;
	border:none;
}
.pager-text
{
	text-align:left;
}
.pager-text-r
{
	text-align:right;
}
.pager-butt
{
	background-color: #666666;
	border: 0px;
	padding-top: 1px;
	margin-bottom: 4px;
	width:20px;
	height:20px;
	font-size:120%;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #ffffff;
}

/* GridVew styles*/
.grid-table
{
	margin-top : 0px;
	margin-bottom : 0px;
	border:none;

}
.grid-row, .grid-alt-row 
{
	vertical-align:top;
	text-align:left;
	background-color:#EFEFEF; 
	border:none;
	font-weight:normal;
	font-family:Arial;
	font-size:100%;
	color: #333333;
	
}	
.grid-alt-row                                                    /* четный ряд таблицы*/
{
	background-color:#E0E0E0; 
}

.grid-row td, .grid-alt-row td
{
	border-left: solid 1px #C1C1C1; /*#C1C1C1;*/
	border-right: solid 1px #C1C1C1; /*#C1C1C1;*/
	border-top: solid 1px #FFFFFF; /*#C1C1C1;*/
	border-bottom: solid 1px #FFFFFF; /*#C1C1C1;*/
}

.grid-pager
{
	text-align:center; 					

	background-color:#FFFFFF;
	font-weight:normal;
	font-family:Arial;
	font-size:130%;
	color: #333333;
}

.grid-pager a:link
{
	color:#333333;
}
.grid-pager a:visited
{
	color:#333333;
}
.grid-pager a:hover
{
	color:#333333;
}
.grid-pager a:active
{
	color:#E0E0E0;
}




.grid-footer
{
	background-color:#FFFFFF;
	font-weight:normal;
	font-family:Arial;
	font-size:130%;
	color: #333333;
}
.grid-header							/* заголовок таблицы */
{
	font-weight:bold;
	text-align :left;
	font-family:Arial;
	font-size:100%;
	color: #333333;           /*#fff5ee;*/
	background-color:#C1C1C1; /*#C6EFCE; */
	border:none;
	border-bottom: solid 1px #FFFFFF;
}
.grid-header td, .grid-header th
{
	border-left: solid 1px #C1C1C1;
	border-right: solid 1px #C1C1C1;
}
.nowrap
{
	white-space:nowrap;
}

.spacer 
{
	background-position: 0% 0%; 
	background-color:transparent; 
	background-repeat:repeat; 
	background-attachment:scroll
}



/* Accordion */
.accordionLink
{
	font-weight: bold;
	width:100%	
}
a.accordionLink
{
	color:#000000;
}
.accordion 
{
    border-bottom: 1px solid #FFFFFF;
    background-color: #C6EFCE;
	
}
.accordionHeader
{
    border: 1px solid #FFFFFF;
    background-color: #E0E0E0; /*#C6EFCE;*/
    border-bottom: none;
    color:#333333;
    padding: 1px;
    padding-left: 3px;
    margin-top: 0px;
    cursor: pointer;
}


.accordionHeaderSelected
{
    border: 1px solid #FFFFFF;
    background-color: #A3A3A3; /*#339966;*/
    border-bottom: none;
    color:#000000;
    padding: 1px;
    padding-left: 3px;
    margin-top: 0px;
    cursor: pointer;
}


.accordionContent
{
	font-size: 85%;
    background-color: #FAD8D9; /*#CCFFCC;*/
    border: 1px solid #FFFFFF;
    color:#000000;
    border-bottom: none;
    margin-top: 0px;
    padding: 1px;
    padding-top: 5px;
}

/* Rate info*/
.rate-info
{
	font-size: 120%;
	font-weight:bold;
	color: #FF0033;
	margin-top: 10px;
}
.sub-index
{
	vertical-align:text-top;
}
/************ PasswordStrength Related Styles ***********************/
.TextIndicator-Strength1,.TextIndicator-Strength2,.TextIndicator-Strength3,.TextIndicator-Strength4,.TextIndicator-Strength5
{
     font-size:85%;
     font-style:normal;
     padding: 2px 3px 2px 3px;
     font-weight:normal;
}
.TextIndicator-Strength1
{
     color:#cc3300;
}
.TextIndicator-Strength2
{
     color:#FFCC00;
}
.TextIndicator-Strength3
{
     color: #CCCC33;
}
.TextIndicator-Strength4
{
     color:#009966;
}
.TextIndicator-Strength5
{
     color: #006600;
}

.search-menupanel                	/* search context menu panel parameters on page with context menu */
{
	width:          250px; 
	padding-right:    0px; 
	padding-left:     0px; 
	padding-bottom:   4px; 
	padding-top:      0px;	/* отступ сверху от полосы */
	text-align:left; 
	vertical-align:top;
	background-color: #ffffff;
	border:none;
}
.search-contentpanel                     /* main field parameters lposition with context menu */
{
	padding-right:   5px; 
	padding-left:   10px;     /* отступ слева от правого края login или контектсного меню */
	padding-bottom:  4px; 
	padding-top:    10px;	  /* отступ сверху от полосы */
	text-align:     left; 
	vertical-align:  top;
	border:none;

}


/***********************************RED STYLE****************************************************************/
.v-left, .v-right,
.v-left-top, .v-right-top,
.v-left-main, .v-right-main,
.v-left-bottom, .v-right-bottom
{
	width:20px;
	min-width:2px;
}
.v-left-top
{
	background-color:#FFFFFF;
}
.v-right-top
{
	background-color:#FF0000;
}
.v-left-main, .v-right-main
{
	height:350px;
}

.v-left-bottom 
{
	border-top: 2px solid #E0E0E0 ;
	border-left: none ;
	background: #FFFFFF;
}
.v-right-bottom
{
	border-top: 2px solid #E0E0E0 ;
	border-right: none ;
	background: #FFFFFF;
}


.top-menu-item, .top-menu-item_b, .top-menu-item_r
{
	color:#FFFFFF;
	border: none;
	font-size:100%;
	font-weight:bold;
	text-align:left;
}

.top-menu-item_b
{
	border-right: solid 2px #cccccc;
	text-align:center;
	padding-left:6px;
	padding-right:6px;
}

.top-menu-item_r
{
	text-align:right;
	padding-left:6px;
}
a.top-menu-link
{
	color:#FFFFFF;
	text-decoration:none;
}

a.top-menu-link:hover
{
	color:#FFFFFF!important;
	text-decoration:underline;
}

.top-menu-separator, .top-menu-separator_r
{
	height:8px;
}

.top-menu-separator_r
{
	border-right: solid 2px #cccccc;
}
.context-menu
{
	width:          215px; 
	min-width:          215px; 
	max-width:          215px; 
	padding-right:    0px; 
	padding-left:     0px; 
	padding-bottom:   0px; 
	padding-top:      10px;	
	text-align:left; 
	vertical-align:top;
	background-image:url(/images/left_bar-mid.jpg);
	background-repeat:repeat-y;
		
}
.context-menu-bottom
{
	width:          215px; 
	min-width:          215px; 
	max-width:          215px; 
	height:			110px;
	padding-right:    0px; 
	padding-left:     0px; 
	padding-bottom:   4px; 
	padding-top:      0px;	
	text-align:left; 
	vertical-align:top;
	background-image:url(/images/left_bar-bottom.jpg);
	background-repeat:no-repeat;
		
}
.context-menu-line
{
	height:5px;
	border-bottom: solid 2px #CCCCCC;
}

.menulink, .activemenulink {
	font-size: 100%;
	font-weight:normal;
}

a.menulink 
{
	text-decoration: underline;
	/* background-color: #666666; */
	color:#000000;  /* #0000CC */
}

a.menulink:hover 
{
	text-decoration: underline;
	/* background-color: #666666; */
	color:#FF0033;  /* #0000CC */
}

.activemenulink
{
	text-decoration:none;
	color:#FFFFFF;
	vertical-align:middle;
	text-align:left;
	font-weight:bolder;
}
.menu-separator
{
	height:3em;
}
td.menuitem {
	padding-top:   5px;
	padding-bottom:5px;
	padding-left: 10px;
}
td.active-menu-item {
	background-color:#FF0000;
	padding-top:     5px;
	padding-bottom:  5px;
	padding-left:   10px;
}
.v-separator
{
	width:40px;
	min-width:40px;
	max-width:40px;
}
.h-separator
{
	height:20px;
	min-height:20px;
	max-height:20px;
}

.main-field
{
	padding-right:   0px; 
	padding-left:    0px;     /* отступ слева от правого края login или контектсного меню */
	padding-bottom:  4px; 
	padding-top:    10px;	  /* отступ сверху от полосы */
	text-align:     left; 
	vertical-align:  top;
	
}

.data-panel
{
	vertical-align:top;
}

/* Tip panel*/
.tipitem
{ 
	font-size: 85%; 
	font-family:Arial;
	font-style:normal;
	font-weight:normal;
	color: #000000; 
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
}
.tiplist
{
	list-style-image:url(/images/arrow.gif);
	list-style-position:outside;
	padding-left:1em; 
	margin-left: 1em; 
	margin-top: 0.1em; 
	margin-bottom: 0.1em;
	margin-right: 1em; 
}
.tiplist li
{
	margin-left: 0px; 
	margin-top: 0px; 
	margin-bottom: 3px;
}
.tip-panel 
{
	padding-left:15px;
	vertical-align:top;
}

.tip-table 
{
	width:300px;
	background-color: #EFEFEF ;
	border: 1px solid #FFFFFF;
}
/* */

/* Copiright ... */
.footer
{
	padding-right:  0px; /* Отступ текста от левого  края полосы*/
	padding-left:   0px; /* Отступ текста от правого края полосы*/
	padding-bottom: 0px;
	padding-top:    0px;
	border-top: 2px solid #E0E0E0; /* линия над полосой футера */
	background: #FFFFFF;
	
}
a.footer
{
	font-size: 85%;
	font-family: arial, sans-serif;
	text-align: justify;
	border:none;
	text-decoration: none;
}
a.footer:link
{
	color:#000000;
}
a.footer:visited
{
	color:#000000;
}
a.footer:hover
{
	color:#FF0000;
}
a.footer:active
{
	color:#E0E0E0;
}

.height-separator               /* положение строки футера в px от полосы с лого*/
{
	height:350px;
}
.copyright
{
	color: #FF0000; /* #fff5ee; *Надпись (с)E1 tele.com в футере */
	font-weight: bold;
	font-size: 85%;
	font-family: arial, sans-serif;
}

.page-path
{
	text-align:left;
	vertical-align:top;
	font-size:100%;
	font-family:Arial;
	font-weight:bold;
	font-style:normal;
	color:#666666;
	padding-top: 15px;
}

.lang-panel
{
	text-align:right;
	vertical-align:top;
	font-size:100%;
	font-family:Arial;
	font-weight:normal;
	font-style:normal;
	color:#333333;
	padding-top: 15px;

}

.lang-panel a
{
	color:#666666;
}

.powered-panel
{
	width:119px; 
	height:41px; 
	text-align:right; 
	vertical-align:top; 
	border:none;
}

/***************** popup menu *******************/
.text-hint {
	cursor:pointer;
	border-bottom:1px dotted #666;
}
.text-hint div {
	cursor:default;
	display: none;
	position: absolute;
	margin-top: 0.3em;
	border: 1px solid #576e7d!important;
	background: #FBFBFB;
	padding: 0.5em 1em;
	box-shadow:0 0 10px 0 #555555;
}
*:hover.text-hint div {
	display:block;
}
