/*RES*/
.res2 {
    background-color: #DFFFDF;
}
.res3 {
    background-color: #DFDFFF;
}
.res4 {
    background-color: #FFDFDF;
}
/*RES END*/
/* Footer */
a {
	color : #666;
	
	text-decoration : underline;
}
/* Footer */

/* Footer */
a:hover {
	color : ;
	font-weight: ;
	text-decoration : underline;
}
/* Footer */

/*Blok*/
a.side {
	color : #000000;
	font-weight:normal;
	text-decoration : underline;
}
/*Link*/

/* Blok */
a:hover.side {
	color : #666;
	text-decoration : underline;
}
/*Link  */

a.white, li.white a {
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

a:hover.white, li.white a:hover {
	color: ;
	text-decoration: underline;
}

body {
	color : #555;
	background-color: SteelBlue;
	background-repeat: ;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	background-image: ;
	margin: 0;
}

form {
	margin : 0px;
}

hr {
	height : 1px;
	border : 1px solid #eee;
}

hr.side-hr {
	height : 1px;
	border : 1px solid #eee;
}

td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	line-height: 1.5em;
}

pre {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}

.alt {
	color : #005599;
}

.outer-border {
	border : 1px solid #000;
}

.sub-header {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000;
	background-color : #888;
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
	padding : 0px;
}

.sub-header ul{
	margin: 0;
	padding: 0;
}

.sub-header ul li{
	display: inline;
}

.sub-header ul li.first-link .bullet{
	display: none;
}

.banner {
	
	background-image: url(images/banner.gif) ;
}

.footer {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #fff;
	background-image: url("/bundles/nmpesintent/images/footer.jpg");
	margin: 0;
	height: 99px;
	background-repeat: no-repeat;
}

.footer a {
	color : #fff;
}


.textbox {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000;
	background-color : #fff;
	border : 1px solid #000;
	margin-top : 1px;
}

.main-body {
	font-size : 13px;
	color : #323A45;
	background-color : #fff;
	border-bottom: ;
	padding : 15px 15px 15px 15px;
	text-align: justify;
	letter-spacing: 0.011em;
}

.main-body2{
	font-size : 13px;
	color : #323A45;
	background-color : #fff;
	border-bottom: 1px dashed #555555;
	padding: 5px 15px 15px;
	text-align: justify;
	letter-spacing: 0.011em;
}

.center {
	margin : 0 auto;
}

.side-body {
	font-size : 12px;
	color : #555;
	background-color: #EAEAEA ;
	border : 1px solid #000000;
	padding : 4px;
}

.main-bg {
	background-color: #FFFFFF;
    color: #323A45;
    font-size: 13px;
    letter-spacing: 0.011em;
    padding: 17px;
    text-align: justify;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
/* Menu */
.border {
	margin-bottom : 0px;
}
/* Menu*/
.admin-message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-align : center;
	color : #555;
	background-color : #EAEAEA;
	border : 1px solid #e1e1e1;
	padding : 3px 4px 5px 4px;
	margin-bottom : 5px;
}

.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}

.side-border-left {
	color : #777;
	background-color : SteelBlue;
	padding : 10px 10px 10px 10px;
	width: 225px;
	border-right: 1px solid #000000;
}

.side-border-right {
	color : #777;
	background-color : #999999;
	padding : 10px 10px 10px 0px;
	width: 175px;
}


.tbl-border {
	border : 1px solid #666;
}

.tbl {
	font-size : 11px;
	color : #333333;
	background-color : #EAEAEA;
	padding : 4px;
}

a:hover.tbl33 {
	color : activecaption;
}

.tbl33 {
	background-color: #EAEAEA;
	border: 1px solid #FFFFFF;
	color: #333333;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: ;
	padding: 10px;

}


.tbl1 {
	font-size : 11px;
	color : #666;
	background-color : #DADADA;
	padding : 4px;
}

.tbl2 {
	font-size : 11px;
	color : #666;
	background-color: #E6E6E6 ;
	font-weight:;
	padding : 4px;
}

.tbl3 {
	font-size : 13px;
	color : #666;
	background-color: #E6E6E6 ;
	font-weight:bold;
	padding : 4px;
}

.forum-caption {
	font-size : 11px;
	font-weight : bold;
	color : #333333;
	background-color : ;
	padding : 2px 4px 4px 4px;
}

.quote {
	font-size : 11px;
	color : #555;
	background-color : #f8f8f8;
	padding : 4px;
	margin : 0px 20px 0px 20px;
	border : 1px solid #bbb;
}

.poll {
	height : 12px;
	border : 1px solid #000;
	color : #ff9900;
}

.comment-name {
	font-weight : bold;
	color : #005599;
}

.shoutboxname {
	font-weight : bold;
	color : #005599;
	background-color: #FFFFFF ;
}

.shoutbox {
	color : #777;
	background-color: #FFFFFF ;
}

.shoutboxdate {
	font-size : 10px;
	color : #333333;
	background-color: #FFFFFF ;
}

.small {
	font-size : 10px;
	font-weight : normal;
}

.small2 {
	font-size : 10px;
	font-weight : normal;
	color : #555;
}

.small3 {
	font-size : 10px;
	font-weight : normal;
	color : #555;
	display: none;
}

.side-small {
	font-size : 10px;
	font-weight : normal;
	color : #333333;
	background-color : #1F1F1F;
}

.side-label {
	color : #333333;
	background-color : #5B5B5B;
	padding : 2px 2px 3px 2px;
}

/* Vertical Navigation */

#navigation h2 {
	font-size: 10px;
	color : #555;
	background-color: #EAEAEA;
	margin: 0;
	padding: 0px;
}
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

* html #navigation ul li{
   height: 1%;
}

#navigation a {
	display: block;
	color: #fff;
	background-color: #EAEAEA;
	padding: 2px;
	text-decoration : none;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0 5px 5px;
	border: 1px solid #000000;
	background-image: url("/themes/electro/images/knopka.jpg");
	
}

#navigation a:hover {
	color: gold;
	background-color: ;
	background-image: url("/themes/electro/images/hover.jpg");
	
}

#navigation_news a {
	display: block;
	color: #fff;
	background-color: #EAEAEA;
	padding: 2px;
	text-decoration : none;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0 5px 5px;
	border: 1px solid #000000;
	background-image: url("/themes/electro/images/knopka.jpg");
	
}

#navigation_news a:hover {
	color: gold;
	background-color: ;
	background-image: url("/themes/electro/images/hover.jpg");
	
}


#header_niz {font-size:13px; font-weight:bold; color:#FFF; padding-top:1px; padding-left:25; margin:0; list-style:none; height:75px; background:#000 url(images/six.jpg) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav {padding:0; margin:0; list-style:none; height:25px; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:25px; line-height:25px; color:#333; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(images/six_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:25px; background: url(images/six_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:25px; background: url(images/six_0a.gif) no-repeat right top;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(images/six_1.gif) no-repeat;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(images/six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(images/six_1a.gif) no-repeat right top; padding-bottom:3px;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(arrow.gif) 80px 6px no-repeat;}
#nav :hover ul.sub li a:hover 
{background:#3f96a9; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#3f96a9 url(images/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(images/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;} 
/* ---------------------- CSS Menu Biti� ---------------------- */
   
.wrapper
{
  min-height:100%;
 /*background: #fef;*/
}
   
.content
{
 margin: 0 auto;
 padding: 10px 20px ; /*200 pixels at the bottom, to stay over the footer*/
 background: #fff; 
 line-height: 1.5em;
}
    
   


.wrapper table  { border-collapse:collapse; border-spacing: 3px;  }
.wrapper table  td, .wrapper table  th  {  padding: 5px;  }

.pubreport,  .pubreport tr, .pubreport td, .pubreport th  { border: 1px gray solid; border-collapse:collapse; border-spacing: 3px; font-size: 0.9em;  }

label, legend {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .5rem;
}

fieldset, input, select, textarea {
    margin-bottom: 1rem;
}
fieldset {
    border-width: 0;
    padding: 0;
}

input[type="email"], input[type="date"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0.1rem solid #014189;
    border-radius: .4rem;
    box-shadow: none;
    box-sizing: inherit;
    height: 2rem;
    width: 100%;
	font-size: 1.4rem;
}

input[type="date"] { width: 200px; }
input[type="text"] { padding: 1px 5px; }


.button-primary, #btnStepBack  {
    background-color: #014189;
    border: 0.1rem solid #014189;
    border-radius: .4rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    height: 2.6rem;
    letter-spacing: .1rem;
    line-height: 1.8rem;
    padding: 0 2.0rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

#btnSubmit  {
    background-color: #d64848;
    border: 0.1rem solid #d64848;
    border-radius: .4rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    height: 2.6rem;
    letter-spacing: .1rem;
    line-height: 1.8rem;
    padding: 0 2.0rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

	 fieldset fieldset { border:2px solid #014189; padding: 10px; }

	 fieldset legend {
	  padding: 0.2em 0.5em;
	  border:1px solid #014189;
	  border-radius: 10px;
	  color:#014189;
	  font-size:90%;
	  text-align:right;
	  }
	  
	 #page_container {width: 960px; margin: 0 auto; position: relative;}
     #block_left {background: url('/stp/images/tenleft.png') repeat-y left top;}
     #block_right {background: url('/stp/images/tenr.png') repeat-y right top;}
	 
	 	  .required::after {
			content: "*";
			 margin-left: 4px;
			color: red;
		}	  
	  
	  
 input[name="customerDocumentSeries"] { width: 150px;} 
 label[for^="requestAreaChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
 label[for^="requestCityChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
 label[for^="requestTypeChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
 label[for^="customerTypeChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
 
 	  label[for^="requestReasonChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
      label[for^="LoadTypeChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
      label[for^="three_years_privilege_agreement1"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
      label[for^="three_years_privilege_agreement2"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
	  label[for^="reabilityCategoryChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
	  label[for^="voltageChoice"],label[for^="previousConnectionVoltageChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
	  label[for^="previousConnectionReabilityCategoryChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
	  label[for^="method_for_providing"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
      
	  	   .inline_label  a {text-decoration: underline;}			
	  .inline_label { display: inline; margin-left: 10px; font-weight: normal;}	
	  
	  label[for^="requestReasonChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
	  label[for^="LoadTypeChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
      label[for^="reabilityCategoryChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
	  label[for^="voltageChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
	  label[for^="previousConnectionReabilityCategoryChoice"] { display: inline; font-weight: normal; padding: 0 15px 0 5px;}
	  
	    input[name="intentNumber"] { width: 200px;}