@import "graphics.css";
@import "colors.css";

/* ============== Fonts =============== */
html {font-size: 75%}/* base font 12px==1em, all others font inherit value = 12px x Xem, example: h1 {font-size: 2em = 12px x 2 = 24px} , em value is px/12 */
body,table,input,label,textarea,button,select {font: normal 1em/1.4 Tahoma, Arial, Helvetica, sans-serif}

h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; display: block}
h1 { font: bold 1.583em Tahoma, Verdana, sans-serif; padding: 0;}
h2 { font: bold 1.25em Verdana, Arial, Helvetica, sans-serif}
h3 { font: bold 1.166em Tahoma, Verdana, sans-serif}
h4 { font: bold 1.083em Tahoma, sans-serif; margin: 5px 0;}
h5 { font: bold 1em Tahoma, sans-serif; margin: 5px 0;}
h6 {}

p {margin: 10px 0; padding: 0; text-align: justify}
p:first-child {margin-top: 0 !important}

html {}
/*============== Positioning =============*/
html {}
body {margin: 0; padding: 12px 0 0 0; position: relative}
div.wrapper {width: 830px; padding: 174px 0 0 0; position: relative; margin: auto;}
#swf_promo { widows: 302px ; height: 270px; position: absolute; right: 20px; bottom: 0}
/*============== Mainframes =============*/

.two_column { padding: 30px 40px 0 40px; overflow: hidden}
	.two_column h1 { margin-bottom: 10px}
	.two_column div.content-description { float: left; width: 355px; padding-right: 20px;}
	.two_column div.content-main { float: right; width: 354px; padding-left: 20px; margin-bottom: 20px; min-height: 360px; position: relative}

.single_column { padding: 30px 40px 0 40px; width: 750px; overflow: hidden; position: relative}
       /* ++ Standard elements ++ */
a         {text-decoration: underline}
a:hover, a:active,a:focus {text-decoration: none}


fieldset {padding: 5px 5px}
legend   {}
input,label,form,textarea,button {margin: 0; padding: 0}
  input[type="text"],input[type="password"] {padding: 2px 2px}
        input.text,input.password {padding: 2px 2px}
  input[type="hidden"] {display: none !important}
        input.hidden {display: none !important}
  input[type="image"],input[type="checkbox"] {width: auto !important}
        input.image,input.checkbox {width: auto !important}
select    {margin: 0}
textarea  {padding: 5px 5px}
input,label,select {vertical-align: middle}
iframe {display: block; overflow: hidden; margin: 0; padding: 0; border: none}

hr     {display: block; border: none; border-top: 1px dashed #adadad; color: #fff; background-color: transparent; height: 1px; width: 100%; margin: 10px 0; padding: 0}

table {border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: show}
    table th {padding: 0; text-align: center; vertical-align: middle; font-weight: bold}
    table td {padding: 0; text-align: left; vertical-align: top}
    table caption {caption-side: top; text-align: center}
    table thead   {}
    table tfoot   {}
    table tbody   {}

       /* -- List's -- */
ul {margin: 1em 0 1em 1.5em; padding: 0; list-style-type: none}
   ul li {margin: 0; padding: 0 0 2px 20px;}
   li ul {margin-top: 0; margin-bottom: 0}
ol {margin: 0 0 1em 2em; padding: 0; list-style-type: decimal}
   ol li {margin: 0; padding: 0}
   ol ul li {background: none}
dl {margin: 0 0 1em 1.5em; padding: 0}
   dl dt {margin: 0 0 0.5em 0; padding: 0}
   dl dd {margin: 0.5em 0 1.5em 1.5em; padding: 0}

       /* -- Images -- */
img {display: block; border: none; vertical-align: middle} /* VA is for inline img's */

       /* -- Text -- */
blockquote {margin: 10px 0; padding: 10px 15px}
html:lang(en) q {quotes: "\201e" "\201c" "\2018" "\2019"}
cite  {}

small {}
big   {}
sup   {vertical-align: text-top; font-size: 65%}

dfn   {font-style: normal; margin: 0; padding: 0}
var   {font-style: normal; margin: 0; padding: 0}

code  {margin: 0; padding: 0}
samp  {font: normal 1em Verdana, sans-serif; margin: 0; padding: 0}
kbd   {font: normal 1em Verdana, sans-serif; margin: 0; padding: 0}
tt    {font: normal 1em Verdana, sans-serif; margin: 0; padding: 0}

ins   {}
del   {}

pre   {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word}

/* ^^ Disable a deprecated ^_^  ^^ */
font,basefont { color: inherit; font: inherit; font-size: 100%;
}
center {
 text-align: inherit;
}
s,strike,u {
 text-decoration: inherit;
}
/* =================== Our blocks ======================*/

/*<<<<<<<<<<<<<< Header <<<<<<<<<<<<*/
div.header { width: 830px; height: 174px; position: absolute; left: 0; top: 0}

	div.header a.logo { width: 377px; height: 69px; display: block; position: absolute; top: 15px; left: 0; font-size: 2em;}
		div.header a.logo span {width: 377px; height: 69px; display: block; position: absolute; top: 0; left: 0}

	dfn.h_logo { position: absolute; top: 104px; left: 0px; display:block; font: bold 1.166em Arial, Helvetica, sans-serif; z-index: 5; display: block; width: 377px; height: 17px;}
	dfn.h_logo span {position: absolute; top: 0px; left: 0px;  display: block; width: 377px; height: 17px; background: url(../images/text_number_one.png) 0 0 no-repeat}
		dfn.h_logo a { text-decoration: none}
	div.header ul.navigation_menu {width: 830px; height: 30px; position: absolute; bottom: 0; left: 0; margin: 0; padding: 0 0 0 0}

		div.header ul.navigation_menu li {float: left; margin: 0; padding: 0 0 0 0; position: relative;}
			div.header ul.navigation_menu li a {font: bold 1em/30px Tahoma, Verdana, sans-serif; text-align: center; text-decoration: none; display: block; margin-right: 2px}
			div.header ul.navigation_menu li a.n_home { width: 61px}
			div.header ul.navigation_menu li a.n_description {; width: 151px}
			div.header ul.navigation_menu li a.n_register { width: 111px}
			div.header ul.navigation_menu li a.n_cpage { width: 142px}
			div.header ul.navigation_menu li a.n_sys_check { width: 157px}
			div.header ul.navigation_menu li a.n_contact {  width: 96px}
			div.header ul.navigation_menu li a.n_testimonial { width: 100px; margin: 0}

			div.header ul.navigation_menu li a:hover,div.header ul.navigation_menu li a:focus { text-decoration: none;}
/*>>>>>>>>>>>>>> Header >>>>>>>>>>>*/

/*<<<<<<<<<<<<<< Content Holder <<<<<<<<<<<<*/
div.content_holder {position: relative; padding-bottom: 20px}
/*>>>>>>>>>>>>>> Content Holder >>>>>>>>>>>>*/

/*<<<<<<<<<<<<<< Content index page <<<<<<<<<<<<<<<<<<<*/
body.index div.content { padding: 242px 300px 10px 40px; position: relative; min-height: 605px; _height: 605px; }

/* ========= Promo*/
	body.index div.promo { padding: 30px 0 0 40px; position: absolute; width: 790px; left: 0; top: 0; }

	body.index div.content ul.banner_navigation { margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; overflow:hidden; }
		body.index div.content ul.banner_navigation li { float: left; margin: 0 0 0 23px; padding: 30px 0 20px 45px; display: block; width: 185px; height: 142px}
		body.index div.content ul.banner_navigation li:first-child,body.index div.content ul.banner_navigation li.firstchild { margin-left: 0}
			body.index div.content ul.banner_navigation li a { display: block; width: 148px; height: 101px; position: relative; padding: 2px; background-color: #fff; border: 1px solid #d4d4d4}
				body.index div.content ul.banner_navigation li a span {display: block; width: 148px; height: 101px; position: absolute; right: 2px; top: 2px; z-index: 5;}
/* / ========= Promo*/
			body.index div.content h1 { font: normal 1.583em Tahoma, Arial, Helvetica, sans-serif; height: auto; padding: 0;}
				body.index div.content p { font-size: 1em;}

		body.index div.content ul.includes { margin: 0; padding: 0;}
			body.index div.content ul.includes li { font-weight: bold; margin-bottom: 5px;padding: 2px 0 2px 20px ; text-decoration: none;}
				body.index div.content ul.includes li a {}
				body.index div.content ul.includes li a:hover,body.index div.content ul.includes li a:focus { text-decoration: underline}
		body.index div.content a.more { display: block; text-align: center; margin: 10px 0 20px 0; font-weight: bold}
/*>>>>>>>>>>>>>>>> Content index page >>>>>>>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<< Index Promo Column <<<<<<<<<<<<<<<<<<*/
body.index div.index_promo_column { position: absolute; right: 38px; top: 238px; width: 205px}
	body.index div.index_promo_column img.signup {margin: 20px 0 0 0; border: 1px solid #d8dbde; color: #deff00;}
	body.index div.index_promo_column a.banner { display: block; width: 202px; height: 233px; position: relative}
		body.index div.index_promo_column a.banner span { position: absolute; z-index: 2; top: 0; left: 0;width: 202px; height: 233px;}

/*>>>>>>>>>>>>>>>> Index Promo Column >>>>>>>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<< Members Area Index page <<<<<<<<<<<<<*/
div.members_area { clear: both; padding: 20px 0 0 40px; width: 790px; height: 150px;}
	div.members_area div.area_block { width: 198px; float: left; padding: 0 15px; margin-left: 30px}
	div.members_area div.area_block h2 { font: normal 1.5em Tahoma, Verdana, sans-serif;}

/* ======================= student access */
div.members_area div.student_access { margin-left: 0}
	div.members_area div.student_access:before,div.members_area div.student_access span.block-before {height: 8px; margin: 0 -16px 0 -16px; display: block; content: ' ';}
	div.members_area div.student_access:after,div.members_area div.student_access span.block-after { height: 7px; margin: 0 -16px 0 -16px; display: block; content: ' '; clear: both; }
	div.members_area div.student_access form { padding-top: 5px; margin-bottom: 4px}
		div.members_area div.student_access form fieldset { margin: 0; padding: 0; border: none}
			div.members_area div.student_access form input[type="text"],div.members_area div.student_access form input[type="password"] { margin: 4px 0; width: 120px; height: 13px; font-size: 0.916em; padding: 2px;}
			div.members_area div.student_access form input.text,div.members_area div.student_access form input.password { margin: 2px 0; width: 120px; height: 13px; font-size: 0.916em; padding: 2px;}
			div.members_area div.student_access form input[type="image"] {margin: 10px 0 0 5px}
div.members_area div.student_access form input.image {margin: 10px 0 0 7px}
			div.members_area div.student_access form label { font-weight: bold ;display: -moz-inline-box;display: inline-block; width: 68px;}

/* ====================== how to work */
	div.members_area div.how_to_work:before,div.members_area div.how_to_work span.block-before { height: 8px; margin: 0 -16px 0 -16px; display: block; content: ' ';}
	div.members_area div.how_to_work:after,div.members_area div.how_to_work span.block-after { height: 7px; margin: 0 -16px 0 -16px; display: block; content: ' '; clear: both; }
	div.members_area div.how_to_work { text-align: center;}
	div.members_area div.how_to_work h2 { margin-bottom: 72px; text-align: left;}
	div.members_area div.how_to_work a { font-weight: bold}


/* ====================== news block */
	div.members_area div.block_news:before,div.members_area div.block_news span.block-before { height: 8px; margin: 0 -16px 0 -16px; display: block; content: ' ';}
	div.members_area div.block_news:after,div.members_area div.block_news span.block-after { height: 7px; margin: 0 -16px 0 -16px; display: block; content: ' '; clear: both; }
	div.members_area div.block_news ul.news_list { margin: 0; padding: 0}
		div.members_area div.block_news ul.news_list li { margin: 3px 0 0 0; padding: 0 0 0 15px; zoom: 1}
			div.members_area div.block_news ul.news_list li span.entry-content {display: block; font-size: 0.916em; padding-bottom: 3px}
				div.members_area div.block_news ul.news_list li span.entry-content a { display: block; text-align: right}
/*>>>>>>>>>>>>>>>>> Members Area Index page >>>>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<<<<<<< Footer <<<<<<<<<<<<<<<<<<<<<<<<<*/
div.footer { position: relative; padding: 20px 100px 0 ; text-align: center; width: 630px; margin-bottom: 20px}
	div.footer address { font: normal 0.916em Tahoma, Verdana, sans-serif}
		div.footer address span.country-name { display: none}
	div.footer h2 { font-size: 1.416em; margin-top: 15px; font-weight: normal}
	div.footer h3 { font: bold 0.916em Tahoma, Verdana, sans-serif; margin: 3px 0 0 0}

	div.footer ul.sites_list { margin: 0 0 15px 0; padding: 0}
		div.footer ul.sites_list li { margin: 0; padding: 0; background: none; display: inline;}
			div.footer ul.sites_list li a { padding: 0 12px 0 2px ;}
			div.footer ul.sites_list li:last-child a,div.footer ul.sites_list li.lastchild a { background: none; border: none}
	div.footer ul.bottom_list { margin: 0; padding: 0}
		div.footer ul.bottom_list li { background: none; padding: 0; font: bold 0.916em Tahoma, Verdana, sans-serif; margin: 3px 0 0 0}
			div.footer ul.bottom_list li a { font-weight: normal; font-size: 1.09em}
/*>>>>>>>>>>>>>>>>>>>>>>>> Footer >>>>>>>>>>>>>>>>>>>>>>>>>*/


/*<<<<<<<<<<<<<<<<<<<<<<<< Content Course page <<<<<<<<<<<<*/

div.courses { position: relative;}
	div.courses h3 { padding: 0 0 5px 0; text-transform: uppercase;}
		div.option_block { padding: 10px 0; overflow: hidden; position: relative; zoom: 1}
		div.even { padding: 10px 40px; position: relative; width: 750px; left: -40px}
			div.option_block h2 { font: bold 1.166em Tahoma, Verdana, sans-serif; clear: both}
			div.option_block tt { font-weight: bold}
			div.option_block strong { font-size: 1.083em; display: block; margin: 10px 0}
				div.option_block ul.learn li { padding: 0 0 4px 30px; font-size: 0.916em; margin: 0 0 5px 0; position: relative;_zoom:1}
					div.option_block ul.learn li a { font-size: 1.181em; font-weight: bold; display: block;}

            div.option_block ol tt { padding: 0 5px;}

        div.option_block ul strong { display: inline; font-size: 1em; margin: 0;}


					div.option_block blockquote:before,div.option_block blockquote span.block-before { height: 8px; margin: 0 -16px 0 -16px; display: block; content: ' ';}
					div.option_block blockquote:after,div.option_block blockquote span.block-after { height: 7px; margin: 0 -16px 0 -16px; display: block; content: ' '; clear: both; }

			div.option_block blockquote { float: right; width: 198px; padding: 0 15px;font: normal 1.5em Tahoma, Verdana, sans-serif;}
				div.option_block blockquote cite { margin: 5px 0 3px 0; padding: 4px 0 0 0; font-weight: bold; font-size: 0.611em; display: block;}
				div.option_block blockquote q { margin: 15px 0 25px 0; display: block; font-size: 0.611em; font-weight: normal;}
			a.red_button { display: block; height: 27px; text-decoration: none; padding: 3px 17px 0 35px; position: relative; float: left}
				a.red_button b { position: absolute; display: block; width: 32px; height: 30px; top: 0; left: 0}
				a.red_button i { position: absolute; display: block; width: 17px; height: 30px; top: 0; right: 0}
			a.blue_button { display: block; height: 27px; text-decoration: none; padding: 3px 17px 0 35px; position: relative; float: right}
				a.blue_button b { position: absolute; display: block; width: 32px; height: 30px; top: 0; left: 0}
				a.blue_button i { position: absolute; display: block; width: 15px; height: 30px; top: 0; right: 0}

        div.option_block blockquote.signature { float: none; width: auto; margin: 0; padding: 0; text-align: right; padding: 0; font-size: 0.916em; background: none;}
        div.option_block blockquote.signature cite { font-size: 1em; display: inline; margin: 0; padding: 0; border: none}
        div.option_block blockquote.signature q { font-size: 1em; display: inline; margin: 0; padding: 0; quotes: none;}
        	div.option_block blockquote.signature:before,div.option_block blockquote.signature span.block-before { display: none;}
					div.option_block blockquote.signature:after,div.option_block blockquote.signature span.block-after {  display: none; }
/*>>>>>>>>>>>>>>>>>>>>>>>> Content Course page >>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<<<<<<< Content Register page <<<<<<<<<<<<<< */
div.reg_option { padding: 10px 0}
div.reg_option h2 { font: bold 1.166em Tahoma, Verdana, sans-serif}
div.even { padding: 10px 40px}
div.discount { position: relative; left: -40px; padding: 10px 40px; width: 750px}
	div.discount a.discount_link { display: block; text-align: center; padding: 130px 0 0 0; font-weight: bold; margin-top: 10px;}
div.register dfn { font-weight: bold; display: block ; margin: 15px 0 0 0}
	div.reg_option a.purchase_link { font-size: 1.166em ; font-weight: bold; padding: 0 0 0 25px}
div.reg_option h3 { font: bold 1em Tahoma, Verdana, sans-serif}

div.reg_option ul { margin: 5px 0 0 0; padding: 0}
	div.reg_option ul li { font-weight: bold; padding: 10px 0 7px 40px; margin: 0 0 3px 0}
	div.reg_option ul li.formats { padding-left: 0}
	div.reg_option ul li.exam_simulation{ padding-top: 5px}
		div.reg_option ul li ul { margin: 5px 0 0 0; padding: 0;}

div.registration_form { margin: 0 20px 20px 373px}
	div.registration_form p { font-size: 0.916em; font-weight: bold; margin-bottom: 20px}
	div.registration_form form { overflow: hidden; position: relative}
		div.registration_form form label,div.members label,div.support_contact label {display: -moz-inline-box; display: inline-block; width: 145px; padding: 4px 0 4px 10px; margin: 3px 0 3px 0; font-size: 0.75em; font-weight: bold; margin-right: 10px}
		div.registration_form form input,div.members input,div.support_contact input { width: 150px;}
		div.registration_form form select { width: 156px; font-size: 0.916em}
		div.registration_form form input.inpt-btn-l,div.registration_form form input.inpt-btn-r { width: 155px}
		div.registration_form form input.inpt-btn-r { margin-right:12px;}
		div.registration_form form input.inpt-btn-l { margin-right: 13px}
/* ======== step1 ========*/

div.register p ins { font-weight: bold; text-decoration: none}
strong.important { text-align: justify; display: block}

div.register form { overflow: hidden}
	div.register form table { width: 325px;}
    div.register form table thead   {}
    div.register form table tfoot   {}
    div.register form table tbody   {}
div.register form.registration_form { margin-top: 10px}
	div.register form fieldset { margin: 0; padding: 0; border: none}
	div.register form label { display: -moz-inline-box; display: inline-block; width: 163px; font-size: 0.916em; font-weight: bold}
	div.register form input[type="text"],div.register form input[type="password"] { height:14px; width: 181px; margin: 3px 0; }
	/*div.register form input.text,div.register form input.password { height:14px; width: 181px; margin: 3px 0}*/
	div.register form select { width: 187px; margin: 3px 0}
	input.btn_left { float: left; margin-top: 20px}
	input.btn_right { float: right; margin-top: 20px}
		div.register form.registration_form input.btn_left { margin-left: 30px}
		div.register form.registration_form input.btn_right { margin-right: 30px}
/* ====== step2 =========*/

	div.course_selection { width: 322px; padding: 0 15px 0 15px; position: relative;}
	div.course_selection:before,div.course_selection span.block-before { height: 8px; margin: 0 -16px 0 -16px; display: block; content: ' ';}
	div.course_selection:after,div.course_selection span.block-after { height: 8px; margin: 0 -16px 0 -16px; display: block; content: ' '; clear: both; }
	div.register form table label { display: inline}
	div.register form table th { white-space: nowrap; text-align: left; font-size: 1.416em; font-weight: normal}
	div.register form table td { vertical-align: top; padding: 4px 2px; font-weight: bold;}
	div.register form table td.price { text-align: right}
	div.register form table td input { margin-top: 2px}
	div.register form table tfoot td { font-size: 1.166em;}
	a.refund_policy { display: block; text-align: center; font-weight: bold; margin-top: 20px}


div.content ul.course_type { padding: 0; margin: 0;}
	div.content ul.course_type li { display: block; padding: 8px 0px 22px 60px; font-size: 1.416em; background: none;}
/* ============== Step 3 =============*/
	span.time { display: block; font-weight: bold; font-size: 1.25em}
	div.hard_copy_selection { width: 322px; padding: 0 15px 0 15px; margin-bottom: 20px}
	div.hard_copy_selection:before,div.hard_copy_selection span.block-before { height: 8px; margin: 0 -16px 0 -16px; display: block; content: ' '; position: relative}
	div.hard_copy_selection span.block-after { display: none;}
	div.hard_copy_selection table select { width: 45px}
	div.hard_copy_selection table td.quantity { text-align: center}
	div.hard_copy_selection table span { white-space: nowrap}
	div.hard_copy_selection div.item_defenition { font-size: 0.916em; line-height: 1.2}
	div.hard_copy_selection table td { padding-top: 7px}

		div.hard_copy_selection div.item_defenition ul { margin: 0; padding: 0}
			div.hard_copy_selection div.item_defenition ul li { padding: 0 0 0 10px}

	div.hard_copy_selection div.calc_discount { overflow: hidden}
		div.hard_copy_selection div.calc_discount input { width: 138px}
		div.hard_copy_selection div.calc_discount input.btn_right { margin-top: 10px}
		div.hard_copy_selection div.calc_discount label { width: 174px}

	div.total_table { width: 322px; padding: 0 15px 0 15px; position: relative; left: -16px;}
	div.total_table:after,div.total_table span.block-after { height: 8px; margin: 0 -16px 0 -16px; display: block; content: ' '; clear: both; position: relative}
	div.total_table span.block-before { display: none}
			div.register form div.total_table table td, div.register form div.total_table table th { font-size: 1.75em; font-weight: normal; padding: 10px 10px 5px 20px}
	div.register form select.exp_date { width: 84px}
	div.register form select.exp_date_first { margin-right: 15px}

#cvv_code_popup {position: absolute; width: 315px; height: 309px; border: 1px solid #52472d; background: #fff; left: -330px;	bottom: 90px; display: none; z-index: 100}
#cvv_code_popup.showed {display: block !important}
#cvv_code_popup strong {display: block;	height: 40px; margin-bottom: 10px; font: normal 17px/40px Tahoma; color: #8e571d; background-color: #ddd5ba; text-align: center}
#cvv_code_popup p {font: normal 11px Tahoma, Verdana, sans-serif; color: #000; padding: 0 20px; margin: 10px 0}
#cvv_code_popup img {display: block; margin: auto; border: none}
/*>>>>>>>>>>>>>>>>>>>>>>>> Content Register page >>>>>>>>>>>>>> */

/*<<<<<<<<<<<<<<<<<<<<<<<< Members page <<<<<<<<<<<<<< */
	ul.member_options { margin: 0; padding: 0; font: bold 0.916em Tahoma, Verdana, sans-serif}
	ul.member_options li { padding: 3px 0 3px 25px; margin-bottom: 10px}
	a.another_lic { width: 218px; height: 129px; display: block; position: relative;  margin: 20px auto 0 auto}
		a.another_lic span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer}
	div.class div.study_variant h3 { padding: 0 0 20px 0}
	div.content div.class div.study_variant h2 { padding: 0 0 20px 0;}
	div.class div.study_variant a.go {width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-indent: -999em;}
		div.class div.study_variant span.go {width: 47px; height: 47px; display: block; float: right; margin-top: -10px}
/* ========== Test result =========*/
div.members h2 { margin-bottom: 10px}
/* ========== Chenge pass ======== */
div.members input.inpt-btn-l { width: 154px}

/*>>>>>>>>>>>>>>>>>>>>>>>> Members page >>>>>>>>>>>>>> */


/*<<<<<<<<<<<<<<<<<<<<<<<< Course's Inner <<<<<<<<<<<<<< */


	div.content-main div.study_variant { width: 327px; padding: 0 10px 0 15px; position: relative; margin-bottom: 30px}
	div.content-main div.study_variant:before,div.content-main div.study_variant span.block-before { height: 8px; margin: 0 -11px 0 -16px; display: block; content: ' ';}
	div.content-main div.study_variant:after,div.content-main div.study_variant span.block-after { height: 8px; margin: 0 -11px 0 -16px; display: block; content: ' '; clear: both; }

		div.content-main div.study_variant h2 { font: normal 1.5em Tahoma, Verdana, sans-serif; padding: 15px 0 15px 65px; text-transform: uppercase}
		div.content-main div.study_variant kbd { display: block; text-decoration: none; padding-top: 3px; }
		div.content-main div.study_variant a:hover,div.content-main div.study_variant a:focus { text-decoration: underline}
		div.content-main div.c_certificate h2 { padding: 12px 0 11px 65px}
        div.content-main div.study_variant a.all_link { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-indent: -999em; background: url(../images/blank.gif) repeat;}


	div.content-description h2,div.test h2 { font: bold 1.416em Tahoma, Verdana, sans-serif; padding: 0 0 0 30px}

	div.content-main ul.route_list { margin: 0; padding: 0;}
		div.content-main ul.route_list li { padding: 2px 0 0 40px; font-size: 0.916em; margin: 0 0 5px 0}
			div.content-main ul.route_list li a { display: block; padding-bottom: 15px}

    div.content-main div.study_variant tt { margin: 10px 0 47px 0; display: block;}
/* ============== Video pages ================*/
	div.content-main ul.video { margin: 0; padding: 0}
		ul.video li { margin: 0; padding: 0; display: block}
			ul.video li strong { display: block; font-size: 1.166em}
			ul.video li ul { margin: 0; padding: 0}
				ul.video li ul li { padding: 0 0 0 40px; margin-bottom: 10px; font-size: 0.916em}
				ul.video li ul li.mp,ul.video li ul li.ipod { padding: 5px 0 10px 40px}
					ul.video li ul li a { display: block; font-size: 1.09em; text-decoration: none;}
					ul.video li ul li a:hover,ul.video li ul li a:focus { text-decoration:underline;}

/* ============== Exam pages ================*/
	div.exam_block h3 { font-size: 1em; font-weight: normal; padding:13px 20px; position: relative; width: 300px; left: -50px}
		div.exam_block h3 span { padding: 0 0 0 30px; display: block}
div.exam_block { padding: 0 20px 10px 50px; width: 270px; position: relative; margin-bottom: 20px}
div.exam_block a.link { position: absolute; left: 0; top: 0; width: 100%; height: 100%}

/* ============== PDF pages ================*/


/* ============== FAQ pages ================*/

	div.content-main ul.faq_list li { padding-bottom: 7px}

/*>>>>>>>>>>>>>>>>>>>>>>>> Course's Inner >>>>>>>>>>>>>> */

/*<<<<<<<<<<<<<<<<<<<<<<<< Test's pages <<<<<<<<<<<<<< */

div.test { padding: 10px 0 0 0; position:relative; overflow: hidden}
	div.test h3 { margin: 10px 0}
	div.test h1 { position: relative; width: 663px; left: -60px}
	div.test p { font-weight: bold}

	div.test ul.answer_list { margin: 30px 0 0 0; padding: 0; float: left; width: 60%;}
		div.test ul.answer_list li { margin: 0 0 10px 0; padding: 0; background: none;}
			div.test ul.answer_list li a { padding: 0 0 0 35px; line-height: 20px; display: block; height: 31px; text-decoration: none; font-weight: bold}

     div.expl_block { float: right; width: 29%; display: none;}
     div.test div.btn_holder { clear: both; padding-top: 20px;}
        div.test div.expl_block p { font-weight: normal;}

div.test_bar { margin: 20px 0 0 0; overflow: hidden; padding: 10px 40px 0 40px; clear: both; position: relative; left: -40px; width: 750px}
	div.test_bar ul.test_control { float: right; margin: 0; width: 150px}
		div.test_bar ul.test_control li { padding: 0 0 0 35px; line-height: 27px; display: block; height: 28px; font-weight: bold; font-size: 1em}
			div.test_bar ul.test_control li a { display: block; padding: 0 0 0 28px; height: 18px; font: bold 1.416em/18px Tahoma, Verdana, sans-serif; text-decoration: none}
	div.test_bar ul.designations { margin: 0; padding: 0; float: left;}
		div.test_bar ul.designations li { padding: 0 0 0 35px; line-height: 27px; display: block; height: 28px; font-weight: bold; font-size: 1.166em; margin-bottom: 8px}
	div.test_bar dl.time { font-weight: bold; margin: 0; overflow: hidden; float: right; font: bold 0.916em Tahoma, Verdana, sans-serif}
		div.test_bar dl.time dt { float: left; clear: left; width: 80px; margin: 0 0 0 0}
		div.test_bar dl.time dd {margin: 0 0 23px 0}

	div.test div.exp_block { position: absolute; width: 300px; top: 90px; right: 20px; visibility: visible}
		div.test div.exp_block p { font-weight: normal; font-size: 0.916em}
/*>>>>>>>>>>>>>>>>>>>>>>>> Test's pages >>>>>>>>>>>>>> */

/* video preview */
.two_column div.video_preview { width: 260px; min-height: 10px}
a.mp,a.ipod { display: block; padding: 7px 0 7px 40px; margin: 10px 0;}
div#swf_player { width: 432px; padding: 0 0 0 0; position: relative}
	div#swf_player img.temp { position: absolute; left: 0; top: 0}
	ul.video_control { margin: 7px 0 0 0; padding: 0 0; overflow: hidden}
		ul.video_control li { display: inline; background: none; text-align: center;}
			ul.video_control li a { text-decoration: none; display: block; width: 133px; height: 27px; padding: 3px 0 0 5px}
		ul.video_control li.next { padding-right: 10px; float: right;}
		ul.video_control li.previous { padding-left: 10px; float: left}
	.two_column div.video_preview h3 { margin-top: 10px;}



/*<<<<<<<<<<<<<<<<<<<<<<<< SystemCheck <<<<<<<<<<<<<< */
div.syscheck {}
	div.syscheck div.check_block { padding: 10px 0; overflow: hidden}
		div.syscheck div.check_block h2 { height: 49px; font: normal 1.416em/49px Tahoma, Verdana, sans-serif; padding: 0 0 0 65px}
	div.syscheck h2 {}
	div.syscheck div.odd { position: relative; padding: 10px 40px; left: -40px; width: 750px}
	div.content a.test_btn { display: block; height: 24px; font: bold 1em/24px Tahoma, Verdana, sans-serif; width: 223px; text-align: center; text-decoration: none;}
	div.syscheck a.test_btn:hover,div.syscheck a.test_btn:focus { text-decoration:underline}

	div.syscheck span.passed,div.syscheck span.failed { padding: 4px 25px 12px 32px; display: block}

	.content p.att { color: #eb1d1d}
/*>>>>>>>>>>>>>>>>>>>>>>>> SystemCheck >>>>>>>>>>>>>> */

/*<<<<<<<<<<<<<<<<<<<<<<<< Contact page <<<<<<<<<<<<<< */
	div.contact img.ill { width: 268px; margin: 10px auto}
	div.contact h2 { font-size: 1.166em; margin-top: 10px; padding-bottom: 3px}
	div.contact address { font-style: normal; line-height: 1.5}
		div.contact address a.url { display: block; margin: 5px 0; font-weight: bold; text-decoration: none}
		div.contact address span.country-name { display: none}

	div.contact div.content-main dfn { font-weight: bold; display: block}
		div.contact div.content-main form.contact_form fieldset { margin: 0; padding: 0; border: none}
		div.contact div.content-main form.contact_form label { display: -moz-inline-box; display: inline-block; width: 100px; font-weight: bold}
		div.contact div.content-main form.contact_form input { width: 244px; margin: 5px 0}
		div.contact div.content-main form.contact_form textarea { width: 238px; margin: 5px 0; height: 130px}
		div.contact div.content-main form.contact_form label.lbl_ta { position: relative; top: -135px}
		div.contact div.content-main form.contact_form input.left_button { margin-left: 100px; float:left}
		div.contact div.content-main form.contact_form input.right_button { float: right}
		.btn_clear { background: url("../images/btn_clear.png") 0 0 no-repeat; width: 98px !important; border: none; cursor: default; cursor: pointer; height: 30px; text-indent: -999em; font-size: 1px; color: #3f7089}
		.btn_bac_edit { background: url("../images/btn_back_edit.png") 0 0 no-repeat; width: 131px !important; border: none; cursor: default; cursor: pointer; height: 30px; text-indent: -999em; font-size: 1px; color: #3f7089}

/*>>>>>>>>>>>>>>>>>>>>>>>> Contact page >>>>>>>>>>>>>> */

/*<<<<<<<<<<<<<<<<<<<<<<<< Technical support <<<<<<<<<<<<<< */
div.tech_support { padding: 0 20px 0 50px; margin-bottom: 20px}
	div.tech_support h1 { position: relative; left: -50px}
	div.tech_support h2 { font-size: 1.416em}
	div.tech_support h2,div.tech_support h3 { margin: 10px 0}
	div.tech_support ol ol { margin-left: 20px}
/*>>>>>>>>>>>>>>>>>>>>>>>> Technical support >>>>>>>>>>>>>> */

/*<<<<<<<<<<<<<<<<<<<<<<<< Testimonial <<<<<<<<<<<<<< */
	div.testimonials {}
		div.testimonials blockquote { padding: 10px 40px; margin: 0; zoom: 1}
		div.testimonials blockquote.even { position: relative; left: -40px; width: 670px; padding: 10px 80px}
			div.testimonials blockquote cite { font: bold 1.166em Tahoma, Verdana, sans-serif; padding: 0 0 0 20px; display: block; margin:  0 0 10px 0}
			div.testimonials blockquote q { font-style: italic; display: block; padding: 0 0 0 20px; quotes: none;}
div.tech_support blockquote { font-size: 1.083em; margin: 20px 0 0 0 ; padding: 0 0 20px 0}
	div.tech_support blockquote cite { font-style: normal;}
	div.tech_support blockquote q { font-style: italic; display: block; padding:  0 0 0 20px}
/*>>>>>>>>>>>>>>>>>>>>>>>> Testimonial >>>>>>>>>>>>>> */

/*<<<<<<<<<<<<<<<<<<<<<<<< How work page <<<<<<<<<<<<<< */

div.how_work { padding: 0 30px 0 58px; margin-bottom: 20px;}
	div.how_work h1 { position: relative; left: -58px}
	div.how_work a.demo_click { padding: 2px 0 3px 25px}
	div.how_work h2 { position: relative; left: -58px; padding: 10px 0 10px 158px; margin: 40px 0 0 0; width: 573px}
		div.how_work h2 span { position: absolute; bottom: 0; left: 58px; width: 110px; height: 62px}


/*>>>>>>>>>>>>>>>>>>>>>>>> How work page >>>>>>>>>>>>>> */

/*<<<<<<<<<<<<<<<<<<<<<<<< Website Demo <<<<<<<<<<<<<< */

#swf_demo { margin-top: 20px}
/*>>>>>>>>>>>>>>>>>>>>>>>> Website Demo >>>>>>>>>>>>>> */

/*<<<<<<<<<<<<<<<<<<<<<<<< Course introduction and overview page <<<<<<<<<<<<<< */
div.course_introduction { padding: 30px 40px; overflow: hidden}
	div.course_introduction h2 { padding: 3px 0 3px 28px; font-size: 1em; margin: 20px 0}
	div.course_introduction div#flash_paper { margin-bottom: 35px}

	div.course_introduction form.attest { float: right; width: 512px}
		div.course_introduction form.attest label { float: left; clear: left;width: 453px}
		div.course_introduction form.attest input { width: 53px}
		div.course_introduction form.attest fieldset { overflow: hidden; margin: 0 0 10px 0; padding: 0; border: none}
		div.course_introduction form.attest input[type="image"] { float: right}
		div.course_introduction form.attest input.image { float: right}

	div.course_introduction a.home_link { display: block; padding: 12px 0 13px 63px; font-size: 1.416em; margin-top: 30px; float: left; white-space: nowrap}

/*>>>>>>>>>>>>>>>>>>>>>>>> Course introduction and overview page >>>>>>>>>>>>>> */


/* addings */

div.content-main div.ofe_block h2 { font-size: 1em; padding-top: 18px; padding-bottom: 18px;}

div.content-main ul.audio_preview {margin: 10px 0 0 -40px; padding: 0; overflow: hidden;}
  div.content-main ul.audio_preview li {float: left; display: block; margin: 0; padding: 0 10px 0 10px; border-left: 2px solid #829fb1; height: 31px; position: relative; font: normal 11px "Trebuchet MS", Tahoma; background: none; border-bottom: none !important;}
  div.content-main ul.audio_preview li.firstchild {border-left: none}
  div.content-main ul.audio_preview li.audio_title { border-left: 3px solid #fcaf00; font: bold 1.333em/31px Tahoma, Verdana, sans-serif; color: #7e9db9; width: 320px}
  div.content-main ul li.audio_title {border-left: 3px solid #80a0af}
    div.content-main ul.audio_preview li a, div.content-main ul.audio_preview li span {display: block; height: 31px; float: left; color: #144472; font: normal 11px/31px "Trebuchet MS", Tahoma}
    div.content-main ul.audio_preview li a.download_audio { background: url("../images/ico_mp3-download.png") 0 0 no-repeat; padding-left: 30px}
    div.content-main ul.audio_preview li object { position: absolute; top: 5px; left: 75px; }

   div.content-main ul.audio_list li { margin-bottom: 10px; border-bottom:1px dashed #B1C5D0;}
     div.content-main ul.audio_list li a { border-bottom: none;}

/* result */
div.result { text-align: center; padding: 30px 40px;border-bottom:1px dashed #B1C5D0;background-color:#F6F6F6;}
    div.result dfn.mark { font: bold 1em Verdana; color: #0083B7; margin: 1em 0; display: block;}
    div.bad dfn.mark span { color: #F3364B;}
    div.good dfn.mark span { color: #D9A600;}
    div.primely dfn.mark span { color: #00B315;}

    div.mark_description { padding: 450px 0 0 0; margin: 1em 0;}
        div.mark_description p { text-align: center;}

    div.bad div.mark_description { background:url("../images/result_bad.gif") center 0 no-repeat; }
    div.good div.mark_description { background:url("../images/result_good.gif") center 0 no-repeat;}
    div.primely div.mark_description { background:url("../images/result_primely.gif") center 0 no-repeat;}

    #rest_btn { clear: right; margin-top: 1em;}

    div.testimonials blockquote.news q { quotes: none;}

    ul.overview { margin: 1em 0; padding: 0;}
        ul.overview li { margin: 2px 0; padding: 0; background: none;}

    ol.question_example {margin:1em 0 1em 40px; list-style-type: upper-alpha;}
        ol.question_example li { padding: 0 0 0 5px;}
    ol.second_type { list-style-type: upper-roman;}
    em.sign { display: block; text-align: right; font-size: 0.916em;}

    a.pdf_link { padding: 4px 0 6px 30px;; font: bold 1.083em Tahoma; color: #f00; background: url(../images/ico_PDF.gif) no-repeat  0 0;}


/* ------- tests results */

table.tests_result { table-layout: fixed; empty-cells: show;}

	table.tests_result th { border-bottom: 1px dashed #fff; text-align: center;}
	table.tests_result th.name {}
	table.tests_result th.mark { width: 54px}
	table.tests_result th.date {}
	table.tests_result td { padding: 3px 2px}
    table.tests_result td a { color: #fff; text-decoration: none;}
	table.tests_result td a:hover { text-decoration: underline;}
	table.tests_result td tt.good { padding-left: 9px; background: url("../images/bg_SquareGreen.gif") no-repeat  0 4px;}
	table.tests_result td tt.bad { padding-left: 9px; background: url("../images/bg_SquareRed.gif") no-repeat  0 4px;}

/* adding to avaliable */
div.option_block ul.learn li.enroll a { color: #0083B7}
div.option_block strong.price { font-size: 1.166em}

div.mp3_demo { position: absolute; width: 96px; height: 16px; left:342px; top: 3px;}

div.register form label.page_1 {width: 75px; font-weight: lighter; font-size: 1.1em;}
div.register form label.page_qu {width: 3px; font-weight: lighter; font-size: 1.1em;}
div.register form label.discont_code_lab {width: 200px; }
div.register form label.less {font-size: 0.9em;}

div.register form select.tab_sel_pass {width: 35px;height: 16px;border: 1px solid #000;margin: 0px 0px 1px 0px;font-size: 0.9em;background: #dfdfdf;color: #61880b;}
div.register form label.tab_quantity_pass {width: 55px; color: #97c242; font-size: 0.9em; font-weight: lighter;}
div.register form select.tab_sel {width: 35px; height: 16px; border: 1px solid #000; margin: 0px 0px 1px 0px; font-size: 0.9em; background: #fff;}
div.register form label.tab_quantity  {width: 55px; color: #fff;  font-size: 0.9em;font-weight: lighter;}
div.register form select.shipping_select {width: 210px; height: 18px; border: 1px solid #000; margin: 0px 0px 1px 0px; font-size: 0.9em; background: #fff;}

div.register form td.align_right, div.register form th.align_right {text-align: right;}
div.register form td.width_td {width: 103px;}
div.register form tr.margin_tr {margin-top:10px;}


div.register form .shipping_unvisible {display:none;}
.margin-left { margin-left: 19px;}


.green_h3 { color: #6b9a0f;}
div.register form label.label_red {color: #c13007;  display: inline; width: 290px;}
div.register form label.label_red { color: #c13007; font-size: 1.1em; font-family: Tahoma; font-weight: lighter; text-decoration: underline;  }
div.register form a.link_shift, div.register form a.link_shift:visited {color: #c13007; text-decoration: underline;}
, div.register form a.link_shift:hover {color: #c13007; text-decoration: none;}
div.register form fieldset.policy_read  { display: block; display:-moz-inline-box; width: 350px; padding-top: 10px}
div.register form a.link_shift { margin-left: 3px;color: #c13007;}
div.register form label.long_label { width: 255px; color: #0083b7; font: bold 1.1em Tahoma, Verdana, sans-serif}
div.register form select.expiration_date_1 { width: 91px;}
div.course_selection tr.both_passive { color: #97C242; }
div.register form table label.both_passive { color: #97C242; }

div.content_holder div.reg1_bann {position: absolute; top: 110px; right: -75px; width: 109px; }


/* B SEO Pages */
div.list_ensure_exam { margin: 17px 0; padding: 2px; border: 1px solid #d8dbde; background: #fff; }
  div.list_ensure_exam h3 { margin: 0; padding-top: 4px; height: 26px; background: #d43803; font: normal 17px Tahoma; text-transform: uppercase; text-align: center; color: #fff; }
  div.list_ensure_exam ul { margin: 0; padding: 7px 15px 6px 13px; background: #f8f8f8; font: bold 13px Tahoma;  }
    div.list_ensure_exam ul li { margin: 0; padding: 3px 0 5px 21px; border-bottom: 1px dashed #e1e1e1; background: url("../images/bg_ul_list_exam_s.jpg") 0 5px no-repeat; }
    div.list_ensure_exam ul li.last { border: none }
      div.list_ensure_exam ul li a { color: #c13007; text-decoration: none; }
      div.list_ensure_exam ul li a:hover { color: #055175 !important; text-decoration: underline; cursor: pointer !important; }


/* E SEO Pages */