*{
	padding:0;
	margin:0;
	}
	/*
html, body {height:100%;}
*/

 body{
	font-size:62.5%;
	font-family: Arial;
	width:100%;
	height:100%;
	min-width:980px;
    background: url(../images/bg_foot_gradient.gif) repeat-x bottom left;
	}
:active, :focus{
    outline:none;
	}
img { border: 0px; }
/* -------------------------------------------------*/
#header{
  height:49px;
  width:100%;
  background:url(../images/menu-bg.gif)  49% 0;
  }

 #subheader{
  height:148px;
  width:100%;
  background:#000;
  }
 #subheader-s{
   height:84px;
   width:100%;
   background:#000;
   }
 #subheader-s h5{
  background:url(../images/bg_facts_tieser.gif);
  width:344px;
  height:53px;
  margin:31px 0 0 2px;
 }

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -35px;
}
.push {
    height: 20px;
}

#footer{
   margin:0 0 10px 154px;
}

#footer a{
   font-size:1.1em;
   color:#05488e;
   text-decoration:none;
}
#footer-wrapper {
  margin:0 auto;
  width:934px;
  height:25px;
}

#footer .fLink {
float:left;
}

#footer .fRights {
float:right;
}

#main{
  margin:0 auto;
  width:934px;
  }
#main .left{
  width:154px;
  text-align:right;
  color:#fff;
  float:left;
}
#main .left a{
  color:#99CCFF;
  font-size:1.1em;
  text-decoration:none;
  font-weight:600;
  }
 #main .left ul{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:30px 0 0 0;
 }
#main .left li{
  margin: 7px 15px 0 0;
  }
 #main .left h1{
   width:118px;
   height:21px;
   background:url(../images/logo_b2bits.gif)  no-repeat;
   float:right;
   margin:15px 10px 4px 0;
 }
 #main .center{
   width:780px;
   float:left;
   /*
   background:url(../images/bg_facts_tieser.gif) bottom left no-repeat;  */
   }
#main .center .epam-logo {
  background:url(../images/logo_epam.gif) no-repeat;
  width:128px;
  height:34px;
  margin:10px 0 0 15px;
  }
 #main .center .menu{
   width:603px;
   float:right;
   margin:15px 0 0 0;
 }
#main .center .menu a{
  outline: none;
  }
   #main .maincontent{
   float:left;
   width:580px;
   margin-bottom:100px;
 }
 #main .right{
   float:right;
   width:197px;
   }
 #main .right .login{
   border:#d3d3d3 1px solid;
   margin:0 0 0 0;
   font-size:1.2em;
   padding-top:15px;
   width:197px;
   min-height:170px;
 }
#main .right .login a{
  font-size:0.8em;
}
#main .right form{
  width:162px;
  margin:0 auto;
  margin-top:10px;
  margin-bottom:20px;
}
#btn-login{
  width:69px;
  height:21px;
 }
 #main .right .login .inputf{
   width:159px;
   margin:5px 0 0 0;
 }
 #main .right .login .checkbox{
   width:15px;
   margin:8px 0 8px 0;
 }
#main .right h4{
  width:192px;
  height:165px;
  background:url(../images/bg_available-tests.gif) no-repeat;
  margin:30px 0 0 0;
  cursor: hand;
  }
#main .center h2{
  background:url(../images/bg_facts_tieser.gif);
  width:344px;
  height:53px;
  margin:95px 0 0 0;
}
#main .center h3{
  width:450px;
  margin:18px 0 0 0;
  font-family:arial;
  font-size:3.5em;
  font-weight:500;
}
.chain {
  margin:8px 0 0 0;
  font-size:1.1em;
  color:#05488e;
  font-family:Tahoma;
  }
 .chain span{
   margin:18px 0 0 0;
   }
.chain a{
  text-decoration:none;
  color:#999;
  }
#main .navigation{
  font-size:1.3em;
}
#main .center p{
  width:511px;
  font-size:1.3em;
  margin:18px 0 0 0;
}
#main #homeText{
  width:511px;
  font-size:1.4em;
  margin:18px 0 0 0;
}
#main .center .menu ul{
  list-style-position:outside;
  list-style-type:none;
  list-style-image:none;
  position:relative;
  float:left;
  }
 #main .center .menu li{
   float:left;
  position:relative;
  margin:0 20px 0 0;
 }
#main .center ul{
  list-style-position:outside;
  list-style-type:disc;
  list-style-image:none;

  }
 #main .center li{
  margin:0 20px 0 0;
 }
#main .maincontent ul{
  list-style-image:url(../images/list-bull-normal.gif);
  list-style-type:disc;
  margin:5px 0 0 0;
}

#learn-more h1{
  background:transparent url(../images/btn_learn-more.gif) no-repeat scroll 0 50%;
  margin:20px 0 0 0;
  width:69px;
  height:21px;
  cursor: hand;
  }

#main .maincontent li{
  margin: 0 0 0 13px;
  font-size:1.2em;
  font-family:Tahoma;
}
#main .diag{
  width:499px;
  height:397px;
  background:url(../images/facts-diagram.png) no-repeat;
  margin:50px 0 100px 0;
}
#main .epam-logos{
  float:left;
  }
.blue{
  color:#05488e;
  font-weight:600;
}

#refDemo {
  color:#05488e;
  font-weight:600;
}
#refDemo a{
  color:#05488e;
  text-decoration:none;
}
.logheader{
  color:#05488e;
  font-weight:600;
  font-size:1em;
  margin:8px 0 8px 18px;
}

.logerror{
  background:#FFF1BF none repeat scroll 0;
  color:#A00000;
  font-size:0.9em;
  font-weight:500;
  margin:0 0 8px 18px;
  padding:3px;
  text-align:center;
  width:155px;
}

.shift {
  margin:0 0 0 5px;
  }
.forgotpass{
  text-align:right;
  }
  #signup h1{
    background:transparent url(../images/btn_signup.gif) no-repeat scroll 0 50%;
    height:39px;
    margin:39px auto;
    width:195px;
    cursor: pointer;
  }
 #menu-bg{
 
   width:100%;
   height:49px;
   }
#head-table {
  height:130px;
}

.last{
  border:none;
}
 #footer span{
  font-size:1.1em;
}
.reg-form {
   width:475px;
   margin:25px 0 15px 0px;
   
}
.reg-form .pusher {
	width: 215px;
}

.reg-form .captcha {
	padding-bottom: 5px;
}

.reg-form  input {
   margin-bottom: 7px;
   width:212px;
}
.reg-form .wraperListBox {
   display:block;
   float:left;
   margin-bottom: 7px;
   width:215px;
   height:25px;
}
.reg-form .wraperListBox .select-list {
   width:100%;
}
.reg-form .checkbox {
   margin-bottom: 7px;
   margin-left: 100px;
   margin-right: 100px;
   width:12px;
}   

.reg-form label {
   display: block;
   width: 150px;
   float: left;
   margin-bottom: 7px;
   font-size: 1.4em;
}
.reg-form br { clear: left }
.red {
  color:#f60;
  }
#steps{
  margin:15px 0 0 0;
}
#steps span{
  font-size:3.3em;
  font-weight:400;
}
.two{ color:#999; }
.three{ color:#afaeae; }
.four{ color:#c1bfbf; }
.five{ color:#d0cece; }

.register-msg{
    background-color:#fff2c6;
	font-size:1.2em;
	color:#2e2e2e;
	padding:4px 8px 4px 8px;
	margin:5px 0 5px 0;
	width:350px;
	border: 2px #fffbed solid;
}

.txt-msg{
	font-size:1.2em;
}

.grey{ color: #cccccc; }

 #main-head{
  margin:0 auto;
  width:934px;
  }
 #main-head .left{
  width:154px;
  text-align:right;
  color:#fff;
  float:left;
  display:inline;
}
#main-head .left a{
  color:#fff;
  font-size:1.1em;
  text-decoration:none;
  font-weight:600;
  }
 #main-head .left ul{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:17px 0 0 0;
 }
#main-head .left li{
  margin: 7px 15px 0 0;
  }
 #main-head .left h1{
   width:118px;
   height:21px;
   background:url(../images/logo_b2bits.gif)  no-repeat;
   float:right;
   margin:15px 15px 4px 0;
 }
 #main-head .center{
   width:780px;
   float:left;
   display:inline;
   }
#main-head .center .epam-logo {
  background:url(../images/logo_epam.gif) no-repeat;
  width:128px;
  height:34px;
  margin:10px 0 0 20px;
  }
   
 #main-head .center .menu{
   width:630px;
   float:right;
   margin:15px 0 0 0;
 }
#main-head .center .menu a{
  outline: none;
  }
 #main-head .maincontent{
   float:left;
   width:580px;
   margin-bottom:25px;
 }
 #main-head .right{
   float:right;
   width:197px;
   }
 #main-head .right .login{
   border:#d3d3d3 1px solid;
   margin:0 0 0 0;
   font-size:1.2em;
   padding-top:15px;
   width:197px;
   height:190px;
 }
#main-head .right .login a{
  font-size:0.8em;
}
#main-head .right form{
  width:162px;
  margin:0 auto;
  margin-top:10px;
}
#main-head .center .menu ul{
  list-style-position:outside;
  list-style-type:none;
  list-style-image:none;
  position:relative;
  float:right;
  }
 #main-head .center .menu li{
   float:left;
  position:relative;
  margin:0 0 0 20px;
 }
#main-head .center ul{
  list-style-position:inside;
  list-style-type:disc;
  list-style-image:none;

  }
 #main-head .center li{
  margin:0 20px 0 0;
 }
 #main-head .epam-logos{
  float:left;
  }
  
/*---===HELP PAGE===---*/
#main .helpScrnImg {
  margin:15px 0 10px;
  border:1px solid #999;
}

#main .helpScrnImg_sm {
  margin:15px 0 10px 7px;
}

#main .helpScrnImg_sm_bor {
  margin:15px 0 10px;
  border:1px solid #999;
}

#main .helpAddAppWarn {
  margin-top:10px;
  margin-bottom:10px;
  border-bottom:1px solid #999;
}

#main .helpSettings {
  margin-top:10px;
  margin-bottom:10px;
  margin-left:10px;
  border:1px solid #999;
}
/*
#main .helpLogin {
  margin-top:10px;
  margin-bottom:10px;
  margin-left:5px;
}

#main .helpAppList {
  margin-top:10px;
  border:1px solid #999;
}

#main .helpPassedTest {
  margin-top:20px;
  border:1px solid #999;
}

#main .helpCertMsg {
  margin-top:10px;
  margin-bottom:10px;
  border:1px solid #999;
}

#main .helpCertHist {
  margin-top:20px;
  border:1px solid #999;
}
*/

#main .helpTableBtn {
  display:inline;
  font-size:1.3em;
  margin:10px 0 0;
  width:511px;
}

.refTop {
  height:20px;

}
.refTop h5 {
  background:transparent url(../images/refTop.png) no-repeat scroll 0 0;
  height:15px;
  width:35px;
  margin-top:10px;
  cursor: hand;
}

#main .helpContent p {
  font-size:1.3em;
  margin:7px 0 0;
  width:511px;
}

#main .helpContent ul {
  margin:4px 0px 5px;
}

.helpContent #nameListText {
  padding-top:5px;
}

.helpContent #one {
}
.helpContent #two {
}
.helpContent #three {
}
.helpContent #four {
}
.helpContent #five {
}
.helpContent #six {
}

/*---===FORGOT PASSWORD PAGE===---*/
.maincontent .forgot_pass_table_result {
    width: 400px;
}

.maincontent .forgot_pass_table_result .blue {
    font-size: 8pt;
    font-weight: bold;
}

.maincontent .forgot_pass_table {
    width: 220px;
}

.maincontent .forgot_pass_table td {
    padding-bottom: 5px;
}

.maincontent .forgot_pass_table .blue {
    font-size: 8pt;
    font-weight: bold;
}

.maincontent .forgot_pass_table .inputf {
    width:150px;
}

.forgoterror {
    background: #FFF1BF none repeat scroll 0;
    color: #A00000;
    font-size: 1.1em;
    font-weight: 500;
    text-align:center;
    margin: 0 0 0 0;
    padding: 5px 3px 5px 3px;
    width: 100%;
    white-space: normal;
}

/* ----------------------------------- Error dialog styles ----------------------------------------- */
.ttfn-CustomDialogBox {
	background-color: white;
	border: 2px solid #B4C6E6;
	font-size: 1.6em;
}

.ttfn-CustomDialogBox .Caption {
	background: #E1EAFF;
	padding: 5px 5px 0;
}

.ttfn-CustomDialogBox .Caption .CaptionText {
	color: #28367e;
	font-size: 75%;
	font-weight: 600;
}

.ttfn-CustomDialogBox .Caption .closeButton {
	cursor:pointer;cursor:hand;
}

.ttfn-CustomDialogBox .regButton {
	background: url(../images/btn_search.gif) no-repeat 100% 100%;
	border: none;
	font-family: Tahoma, Arial;
	font-size: 11px;
	height: 20px;
	color: #fff;
	overflow: hidden;
	text-align: center;
	width: 60px;
	margin-left: 3px;
}

.ttfn-alertDialog {
	height: 80px;
}
	
.ttfn-alertDialog .textPanel {
	margin-top: 17px;	
	margin-bottom: 10px;
}
	
.ttfn-alertDialog .dialogImage {
	margin-left: 16px;
	margin-top: 14px;
}

.ttfn-alertDialog .headerText {
	font-size:75%;
	font-weight:600;
}

.ttfn-alertDialog .descriptionText {
	font-size:75%;
}

.ttfn-alertDialog-buttonPanel {
	margin-right:13px;
}

.tk-ModalDialog {
	background-color:white;
	border:1px solid black;
	padding:0;
}

.tk-AlertDialog-captionLeft, .tk-AlertDialog-captionRight {
    width:16px;
}

.tk-AlertDialog-captionCenter {
	font-size:90%;
	font-weight:bold;
	padding:0 8px;
	text-align:center;
}

.tk-ModalDialog-content {
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	text-align:center;
	vertical-align:middle;
}

.tk-ModalDialog-content {
    text-align:center;
}

.tk-GlassPanel {
	FILTER: alpha(opacity=20);
	background:black none repeat scroll 0;
	cursor:not-allowed;
	opacity:0.2;
}