body {
	background-color: #DCDCDC;
	margin: 0px;
	padding: 0px;
	height:auto;
	
	/*background: url(/css/pepper-grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png);*/
}
*{font-family:Open Sans;}
#shadowTop{
	position: absolute;
	top: 5px;
	left: 10px;
	background: url(/gfx/shadow-left-top.png) no-repeat top left;
    background-position: 0px -17px; 
}

#shadowBottom{
	position: relative;
	top: 53px;
	left: 46px;
	background: url(/gfx/shadow-right-bottom.png) no-repeat bottom right;
}

#site {
	position: relative;
	width: 1000px;
	top: -28px;
	left: -25px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	border: 1px solid #cbc5a5;
	background: #FEFEFE url(/gfx/sticky-note.jpg) no-repeat top left;
}

#header {
	position: relative;
	width: 100%;
	height: 120px;
}

#header #logo{
	position: absolute;
	bottom: 5px;
}

#header #username {
	position: absolute;
	top: 10px;
	right: 30px;
	font: bold 16pt Calibri, Arial, serif;
	color: #278e06;
}
#header #username img{
	vertical-align: text-bottom;
	margin-right: 7px;
}

#header #langSelect {
	position: absolute;
	left: 90px;
	bottom: -3px;
}

#header #menu {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display:inline
}

#header #menu label{
	font-size: 15px;
	font-family: Calibri, Verdana, Arial, serif
	font-style: italic;
}

#header #langSelect img{
	cursor: pointer;
	margin-left: 5px;
	border: 1px outset #AAAAAA;
}

#body {
	padding: 20px 50px 20px 50px;
	min-height: 400px;
	width: 100%;
	font: normal 12pt Calibri, Arial, serif;
	color: #000044;
}

#pageHeader, .pageHeader{
	position: relative;
	padding-bottom: 0px;
	padding-left: 10px;
	font: bold 18pt Calibri, Arial, serif;
	color: #03387d;
	border-bottom: 2px solid #03387d;
}

.pageHeader u{
	text-decoration: none;
	font-size: 11px;
}


#newContract{
	position: absolute;
	top: 0px;
	right: 0px;
}
table{
	margin-top: 1px;
	width: 100%;
	border: 1px solid #654b24; 
}
table th{
	border: 1px solid #1c7300; 
	background: #4fb7e3 50% 50% repeat!important; 
	font-weight: bold; 
	color: #ffffff; 
	font-size: 13px;
	padding-left: 4px;
}

table td{
	font-weight: normal; 
	color: #654b24; 
	font-size: 13px;
	background: #FFFFFF url(/css/pepper-grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png) 50% 50% repeat;
}

table.logTable td{
	border-top: 1px solid;
}

.formTable{
	border: 0px solid #000000;
	width:100%;
}

 .formTable td{
	position: relative;
	font: normal 12pt Calibri, Arial, serif;
	padding-left: 5px;
	padding-right: 5px;
	background: transparent none;
}

 .formTable input, .formTable select, .formTable option{
	position: relative;
	font: bold 11pt Calibri, Arial, serif;
	padding-left: 5px;
	background: transparent none;
	border: 1px solid #d9d6c4;
	margin-bottom: 1px;
}

#error{
	position: absolute;
	width: 300px;
	font-size: 90%;
}
#error_body{
	padding-left: 10px;
}

.contentHeader {
	color: #0073ea;
	font: bold 13pt Calibri, Arial, serif;
	padding-left: 5px;
	background: transparent none;
	border-bottom: 1px solid #0073ea;
}

.msgLabel *{
	display: inline;
	margin: 0 0 0 20px;
	padding: 2px;
}
.msgLabel label{
	border-left: 1px solid #f7f3de;
	border-top: 1px solid #f7f3de;
	border-right: 1px solid #f7f3de;
	padding-left: 10px;
	padding-right: 30px;
	font: bold 9pt Calibri, Arial, serif;
	background: #FFFFFF url(/css/pepper-grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png) 50% 50% repeat;
}
.msgLabel div{
	font: normal 8pt Calibri, Arial, serif;
}

#body .active{
	background: #f7f3de url(/css/pepper-grinder/images/ui-bg_fine-grain_15_f7f3de_60x60.png) 50% 50% repeat; color: #3a3427;
}
.hover{
	background: #654b24 url(/css/pepper-grinder/images/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat; color: #ffffff;
}
.choise{
	background:  #654b24 url(/css/pepper-grinder/images/ui-bg_fine-grain_15_f7f3de_60x60.png) 50% 50% repeat; color: #ffffff;
}
.error{
	border: 1px solid #681818;
	background: #278e06 url(/css/pepper-grinder/images/ui-bg_fine-grain_68_278e06_60x60.png) 50% 50% repeat; 
	color: #ffffff; 
}

#userChoise table, #userChoise table td{
	width: 700px;
}


#footer {
	color: #c4c4c4;
	font: bold 9pt Calibri, Arial, serif;
	text-align: right;
	margin-right:10px;
	margin-bottom: 5px;
}


.settingsHeader{
	color: #03387d;
	font: normal 10pt Calibri, Arial, serif;
	padding-left: 2px;
	border-bottom: 1px dotted #03387d;
	margin-bottom: 2px;
}

.settingsForm{
	padding-bottom: 15px;
	background: url(/css/pepper-grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png);
}
.settingsForm div{
	position: relative;
	display: block;
	margin-right: 1px;
}
.settingsForm label{
	display:block;
	font-size:11px;
	padding: 0 5px 0 5px;
	margin:0;
}
.settingsForm input[type="text"], .settingsForm input[type="password"]{
	display:block; 
	width:95%; 
	padding: 2px 0 2px 2px;
	font: bolder 10pt Calibri, Arial, serif;
}
.settingsForm select{
	display:block; 
	width:95%; 
	font: bolder 10pt Calibri, Arial, serif;
}
.settingsForm option{
	display:block; 
	width: 100%; 
	padding-left: 10px;
	font: bolder 11pt Calibri, Arial, serif;
}
.settingsForm img{
	position:absolute;
	top: 16px;
	right: 2px;
	display:inline;
	font-size:60%
}

.chkBoxSet label{
	width:100%;
	margin-bottom: 2px;
}

.chkBoxSet{
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
}


.noHeader strong, .noHeader br{
	display: none;
}

.billsList{
	margin-left: 5px;
}

.supportHeader{
	color: #278e06;
	font: bold 12pt Calibri, Arial, serif;
	padding-right: 5px;
	padding-left: 20px;
	margin-bottom: 2px;
}

textarea{
	font: normal 12pt Calibri, Arial, serif;
	resize: none;
	word-wrap: break-word;
}

.devProp {
	float: right;
	display:inline;
	right: 10px;
	font: normal 9pt Calibri, Arial, serif;
	color: #ff0084;
	padding-left: 15px;
}
.srvProps {
	float: right;
	display: inline;
	font: normal 9pt Calibri, Arial, serif;
	padding-left: 30px;
}

#userChoiseDiv{
	font: normal 13px Calibri, Arial, serif;
	padding-top: 5px;
}
#choiseTable{
	border: 0px solid #000000;
	width: 700px;
}
#choiseTable th{
	text-align:left;
	padding-left: 5px;
}
#choiseTable td{
	margin: 1px 0 0 0;
	background: transparent;
}
.choiseButtonBox{
	height: 40px;
	padding-right: 5px;
	width: 700px;
	text-align: right;
	border: 0px solid #000000;
	background: transparent;
}
.choiceTableHeader{
	width: 600px;
	color: #278e06;
	font: bold 13pt Calibri, Arial, serif;
	padding-left: 5px;
	margin-left: 5px;
	border: 0px solid #000000;
	border-bottom: 1px solid #278e06;
	text-align:left;
	background:  transparent;
}
.choiceHeader{
	left:5px;
	width: 600px;
	color: #654B24;
	font: bold 12pt Calibri, Arial, serif;
	padding-left: 5px;
	text-align:left;
	border: 0px solid #000000;
	background: transparent;
}
.choiceName{
	width: 300px;
	padding-left: 25px;
}
.choiceNB{
	padding-left: 25px;
	color: #278e06;
	font-size: 11px;
}
.choiceInfo{
	width: 200px;
	font-size: 9pt;
	color: #278e06;
	padding-top: 3px;
}
.choicePrice{
	width: 50px;
	padding-right: 5px;
	text-align:right;

}
.choiceCancelBtn{
	width: 50px;
	text-align: center;
	padding-right: 5px;
}

.srvControls{
	cursor: pointer;
}

.srvTableAddress td{
	padding-top: 10px; 
	color: #D68303;
	padding-bottom: 2px;
}

.srvTableTeenused td{
	padding-top:10px; 
}

.pricelist {
	font: normal 12pt Calibri, Arial, serif;
	color:#000044;
}
.pricelist img{
	cursor: pointer;
}

pre {
	font: normal 11pt Calibri, Arial, serif;
	background: url(/css/pepper-grinder/images/ui-bg_fine-grain_15_ffffff_60x60.png);
	padding: 7px;
	word-wrap: break-word;
}

#userChoiseTable {
	display: none;
}

.lineThrough{
	background: transparent url(/gfx/lineThrough.png) repeat-x;
}
.lineThroughAsPause{
	background: transparent url(/gfx/lineThroughAsPause.png) repeat-x;
}


.TT_shadow0 {
	background:transparent url(/gfx/corner_tr.png) no-repeat scroll right top;
	position:absolute;
}
.TT_shadow1 {
	background:transparent url(/gfx/corner_bl.png) no-repeat scroll left bottom;
	display:block;
	padding-left:8px;
	padding-top:8px;
}

.TT_shadow2 {
	background:transparent url(/gfx/shadow.png) no-repeat scroll right bottom;
	display:block;
}

#TT_main {
	position: relative;
	z-index:101;
	border: 1px solid #000;
	background-color: #fff;
	font-family: Calibri, Verdana, Arial, Serif;
	font-size: 12pt;
	padding: 0 5px 0 5px;
}

#TT_arrow_left{
	background-image: url(/gfx/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

.contactsFields{
	visibility: hidden;
}
#dialogBoxImg {
	vertical-align: middle;
}
#dialogBox td{
	font-family: Calibri, Verdana, Arial, Serif;
	font-size: 1em;
	padding: 0 5px 0 5px;
	vertical-align: top;
}

input[type="image"]{
	width: 20px;
	height: 20px;
	background: #E0E0E0;
	border: 1px outset #555555;
}


.TT_shadow0 {
	background:transparent url(/gfx/corner_tr.png) no-repeat scroll right top;
	position:absolute;
}
.TT_shadow1 {
	background:transparent url(/gfx/corner_bl.png) no-repeat scroll left bottom;
	display:block;
	padding-left:8px;
	padding-top:8px;
}

.TT_shadow2 {
	background:transparent url(/gfx/shadow.png) no-repeat scroll right bottom;
	display:block;
}

#TT_main {
	position: relative;
	z-index:10001;
	border: 1px solid #000;
	background-color: #fff;
	font-family: Calibri, Verdana, Arial, Serif;
	font-size: 10px;
	padding: 0 5px 0 5px;
}

#TT_content {
	font-size: 13px;
}

#TT_arrow_left{
	background-image: url(/gfx/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:10001;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#helpTabs h2{
	background: none repeat scroll 0 0 transparent;
    color: #278e06;
    font: bold 15px Calibri,Arial,serif;
    padding: 0 0 0 5px;
	margin: 0 0 0 0;
}

#helpTabs li a{
    font: bold 14px Calibri,Arial,serif;
}
#helpTabs li a div{
	margin: 2px 3px 0 0;
    font: bold 9px Calibri,Arial,serif;
	float: right;
}

.printContractButton, .signContractButton {
	float:right;
	position:relative;
	right: 1px;
	top: -21px;
	margin: 1px;
}

.cardSearchBtn {
	width: 18px;
	height: 18px;
	position:relative;
	float:right;
	right: 1px;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 200px;
  }

.ui-autocomplete-loading {
    background: white url("/images/ui-anim_basic_16x16.gif") right center no-repeat;
}

.addressMenuItem{
	color:#0078EF;
}
.addressMenuItem b{
	color: black;
	font-weight: 600;
}

.addressMenuItem.ui-state-focus b{
	color: white;
	font-weight: 600;
}

.addressMenuItem span{
	margin-right: 3px;
}

.ul-aki {
	list-style: none inside;
	padding-left: 15px;
}

.ul-aki li{
	font-size: 14px;
	margin-top: 10px;
}

.ul-aki button{
	margin: 7px 7px 20px 0
}

.ul-aki button.checked{
	border:1px solid #0073ea;
	background:#0073ea url("css/images/ui-bg_highlight-soft_25_0073ea_1x100.png") 50% 50% repeat-x;
	font-weight:bold;
	color:#FFFFFF
}

.ul-aki button.checked .ui-icon{
	background-image:url("css/images/ui-icons_ffffff_256x240.png")
}

#AKIConfirmForm .ul-aki li{
	font-size: 13px;
	margin-top: 10px;
}
.namesmismatch {
	padding-left: 10px;
	margin-top: 10px;
	font-size: 12px;
	color: #ff0084;
}
.namesmismatch label{
	position: relative; top: -2px;
	display:inline-block;
	float: none;
	font-weight: bolder;
	color: navy;
}
.mismatchfix{
	position: static !important;
}

.needPersonalDataUpdate {
	list-style: none inside;
	padding-left: 15px;
}

.needPersonalDataUpdate li{
	font-size: 14px;
	margin-top: 5px;
	color:#AA0000;
}


.campaign-name{
	font-size: 12px;
	color: #ff0084;
}

.campaign-rules{
	font-size: 12px !important;
	color: #888888;
}