/*
#header
#content
#content
#footer
#footer
#footer ul
*/

body {
	text-align: center;
	font-family: Verdana;
	font-size: 0.7em;
	background: #777777 url(/images/body_backgrouns.gif);
	margin: 0;
	padding: 15px 0 25px 0;
	behavior: url(/styles/disableselect.htc);
}

#main {
	width: 750px;
	text-align: left;
	margin: 0 auto;
}

#header {
	border: 1px solid #969696; /*#333333; #777777 #cccccc*/
	border-bottom: none;
	background: white;
	padding: 0;
}
#header object {
	margin: 10px 20px;
	padding: 0;
}
param {
	margin: 0;
	padding: 0;
}
#header h1 {
	height: 130px;
	line-height: 130px;
	text-indent: 710px;
	width: 708px;
	overflow: hidden;
	float: left;
	margin: 10px 20px;
	_margin: 10px;
	padding: 0;
	cursor: pointer;
	background: url(/images/logo.jpg) left top no-repeat;
}
#header img {
	width: 400px;
	height: 70px;
	background: red;
	float: right;
	margin: 10px 20px;
	border: none;
}

#headerbar {
	margin: 0 20px;
	padding: 0;
	background: #FCB947 url(/images/headerbar.jpg) left top repeat-x;
	/*border-left: 1px solid #969696; /*#333333; #777777*/
	/*border-right: 1px solid #969696; /*#333333; #777777*/
	border-top: 1px solid #B4750A;
	height: 22px;
	list-style-type: none;
	list-style-position: outside;
	line-height: 17px;
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
	clear: both;
}
#headerbar li {
	margin: 0 10px 0 5px;
	padding: 0;
	float: left;
	list-style-type: none;
}
#headerbar li span {
	float: left;
}
#headdrbar ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
#headerbar ol li {
	margin: 0 1px 0 7px;
	padding: 0;
}

#headerbar a, #headerbar a:link {
	color: #333333;
	text-decoration: none;
}

#content {
	border-left: 1px solid #969696; /*#333333; #777777*/
	border-right: 1px solid #969696; /*#333333; #777777*/
	text-align: left;
	background: white;
	padding: 0 0 30px 0;
	overflow: auto;
}

#footer {
	border-left: 1px solid #969696; /*#333333; #777777*/
	border-bottom: 1px solid #969696; /*#333333; #777777*/
	height: 14px;
	text-align: rigth;
	position: relative;
	background: white;
}

#footer ul {
	margin: 0 1px 0 0;
	_margin: 0;
	padding: 0 0 0 20px;
	width: 525px;
	background: url(/images/footer.gif) left top no-repeat;
	border-right: 1px solid #969696; /*#333333; #777777*/
	height: 28px;
	list-style-type: none;
	list-style-position: outside;
	line-height: 28px;
	font-size: 1em;
	color: #333333;
	position: absolute;
	right: -1px;
	top: 0;
	font-size: 0.9em;
}
#footer ul li {
	margin: 0 10px;
	padding: 0;
	/*width: 30%;*/
	float: right;
}
#footer a, #footer a:link {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#footer a:hover, #footer a:active {
	color: black;
}


.column {
	padding: 0;
	margin: 0 0 20px 0;
	position: relative;
	text-align: left;
}

.menu, .trecolumn .col1, .trecolumn .col2, .trecolumn .col3 {
	width: 220px;
	float: right;
	right: 20px;
}

.maincontent {
	width: 463px;
	float: left;
	left: 20px;
	overflow: hidden;
}

.testcontent {
	width: auto;
	overflow: hidden;
	margin: auto 20px;
	float: none;
	left: 0;
}

.column DIV {
	margin: 0;
	padding: 9px 0;
	background: url(/images/block_shadow.gif) bottom right no-repeat;
	color: #333333;
	overflow: visible;
}

.column DIV h2 {
	margin: 0;
	padding: 0 10px 0 20px;
	height: 26px;
	background: #777777 url(/images/title_bulet_tr.gif) 7px 10px no-repeat;
	border-bottom: 1px solid #CCCCCC;
	font-size: 0.9em;
	color: white;
	font-weight: bold;
	line-height: 26px;
}

.column DIV h2 a, .column DIV h2 a:link,
.trecolumn DIV h2 a, .trecolumn DIV h2 a:link {
	color: white;
	text-decoration: none;
}

.column DIV DIV {
	border: 1px solid #CCCCCC;
	border-top: 2px solid #EF9400;
	margin: 0;
	padding: 10px;
	/*min-height: 50px;*/
	height: auto; /* show to Mozilla/Safari/Opera */
	/*_height: 50px;  show to IE */
	background: url(/images/column_block_bg.jpg) bottom repeat-x;
	overflow: visible;
}

.column DIV DIV DIV {
	border: none;
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
	background: none;
	overflow: visible;
}

.column DIV DIV P {
	text-indent: 1em;
	margin: 0;
	padding: 0 0 0.4em 0;
	text-align: justify;
}

.column DIV DIV a, .column DIV DIV a:link,
.trecolumn DIV DIV a, .trecolumn DIV DIV a:link {
	/*color: #FF7500;*/
	color: #014CA2;
	font-weight: bold;
	text-decoration: underline;
}
.column DIV DIV a:hover, .column DIV DIV a:active,
.trecolumn DIV DIV a:hover, .trecolumn DIV DIV a:active {
	color: #AAAAAA;
}

.column UL, .column OL {
	margin-top: 0.3em;
	margin-bottom: 0.5em;
}

.column LI {
	line-height: 1.3em;
}
.column .col1 LI, .column .col2 LI, .column .col3 LI {
	padding: 5px 0px;
}

.column h3 {
	text-indent: 1em;
	font-size: 1.2em;
	color: #333333;
	clear: both;
}

.column h4 {
	text-indent: 1em;
	font-size: 1em;
	color: #333333;
	clear: both;
}

.menu UL, .trecolumn .col1 UL, .trecolumn .col2 UL, .trecolumn .col3 UL {
	margin: 0;
	padding: 0 0 0 15px;
	list-style-position: outside;
	line-height: 1.4em;
}

.column STRONG, .column B {
	font-weight: bold;
	/*color: #FF7500;*/
	color: #014CA2;
}


form {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}

form label {
	font-size: 0.9em;
	display: block;
	clear: both;
	padding: 3px 0;
}

label img {
	behavior: url(/styles/imginlabelclick.htc);
}

form sup {
	font-size: 1.2em;
	color: red;
	position: absolute;
}

form input.text {
	display: block;
	float: left;
	clear: both;
	border: 1px solid #CCCCCC;
	background: transparent;
	height: 18px;
	width: 120px;
}

form select.text {
	display: block;
	float: left;
	clear: both;
	border: 1px solid #CCCCCC;
	background: transparent;
	height: 18px;
	width: 120px;
}

form textarea.text {
	display: block;
	float: left;
	clear: both;
	border: 1px solid #CCCCCC;
	background: transparent;
	height: 80px;
	width: 120px;
}

.maincontent form input.text {
	width: 190px;
	margin-bottom: 10px;
}

.maincontent form textarea.text {
	width: 190px;
	margin-bottom: 10px;
}

.maincontent form select.text {
	width: 190px;
	margin-bottom: 10px;
}

form input.button {
	height: 22px;
	width: 55px;
	border-width: 1px;
	background: #D4D0C8;
	font-size: 0.8em;
	padding: 0;
	margin: 0 0 10px 7px;
	line-height: 18px;
	float: left;
}
form input.addbutton {
	height: 18px;
	width: auto;
	border: 1px solid black;
	background: #D4D0C8;
	font-size: 0.76em;
	padding: auto 0;
	margin: 0 0 0 2px;
}
.maincontent form input.button {
	clear: both;
	margin: 0 0 10px 92px;
	_margin: 0 0 10px 47px;
	padding: 0;
	width: 100px;
	display: block;
}

.menu form fieldset {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	display: inline !important;
}

.maincontent form fieldset {
	clear: left;
	margin: 0 0 10px 0;
	padding: 10px;
	display: block;
	width: auto;
	border: 1px solid #cccccc;
}

form .description {
	line-height: 18px;
	font-size: 0.9em;
	margin: -28px 0 0 205px;
	_margin: 0 0 0 10px;
	display: block;
	float: left;
	text-align: left;
}

DIV DIV .warning {
	border-color: red;
	color: red;
	width: auto;
	padding: 0.5em 0;
}
DIV DIV .warning a,
DIV DIV .warning a:link {
	font-weight: normal;
	color: red;
	text-decoration: underline;
}





BODY DIV DIV.clear {
	clear: both;
	height: 1px;
	background: transparent;
	margin: 0;	
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
}

#crumbs {
	padding: 0 20px;
}
#crumbs a, #crumbs a:link {
	color: black;
	text-decoration: none;
}
#crumbs a:hover, #crumbs a:active {
	color: #FF7500;
}



/*FOR HOMEPAGE*/

.trecolumn {
	margin: 0 20px;
	padding: 0;
	overflow: visible;
	text-align: left;
	color: #333333;
}
.trecolumn DIV {
	background: url(/images/block_shadow.gif) bottom right no-repeat;
	padding: 9px 0;
}
.trecolumn .col1, .trecolumn .col2, .trecolumn .col3 {
	width: 220px;
	float: left;
	margin-right: 23px;
}
.trecolumn .col1 {
	margin-right: 0px;
}

.trecolumn DIV H2 {
	margin: 0;
	padding: 0 10px 0 20px;
	height: 26px;
	background: #777777 url(/images/title_bulet_tr.gif) 7px 10px no-repeat;
	border-bottom: 1px solid #CCCCCC;
	font-size: 0.9em;
	color: white;
	font-weight: bold;
	line-height: 26px;
	text-transform: uppercase;
}
DIV .col1 H2 {
	background-color: #014CA2;
}
DIV .col2 H2 {
	background-color: #0167DA;
}
DIV .col3 H2 {
	background-color: #01ADEF;
}

.trecolumn DIV DIV {
	border: 1px solid #CCCCCC;
	border-top: 2px solid #EF9400;
	margin: 0;
	padding: 10px;
	/*min-height: 90px;*/
	height: auto; /* show to Mozilla/Safari/Opera */
	/*_height: 90px;  show to IE */
	background: url(/images/column_block_bg.jpg) bottom repeat-x;
	overflow: visible;
}
.trecolumn DIV DIV P {
	text-indent: 1em;
	margin: 0;
	padding: 0 0 1em 0;
	text-align: justify;
}
.trecolumn DIV li{
	padding: 5px 0px;
}

.menu p.additional {
	margin: 0;
	padding: 0;
	text-indent: 0;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: url(/images/additional_bg.jpg) right bottom no-repeat;
	height: 22px;
	line-height: 21px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8em;
}

.col1 p.additional {
	color: #014CA2;
}
.col2 p.additional {
	color: #0167DA;
}
.col3 p.additional {
	color: #01ADEF;
}





dd {
	margin-bottom: 2em;
	color: #014CA2;
	font-weight: bold;
}





/*orders*/
table.orders {
	margin: 10px 2px;
	padding: 0;
	width: 435px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

table.orders tr, table.orders th, table.orders td {
	margin: 0;
	padding: 0 3px 1px 3px;
	border: 1px solid #cccccc;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
}

table.orders th {
	font-weight: bold;
}

table.orders tr.selected {
	background: #FCB947;
}

table.orders td span.started {
	color: #FCB947;
}

table.orders td span.certified, 
table.orders td span.finished {
	color: green;
}

table.orders td span.notcertified, 
table.orders td span.notstarted {
	color: red;
}




/* CV */
#jobblock, #edublock, #courseblock, #langblock {
	border-color: #EF9400;
}



/* TEST */
#testinfo {
	margin: auto 20px;
	height: 25px;
	font-size: 0.8em;
}
#testinfo .timer {
	float: left;
}
#testinfo .question {
	float: right;
}
#timerbar {
	display: block;
	height: 10px;
	margin: 0;
	padding: 0;
	background: #EF9400 url(/images/scale.gif) left top repeat-x;
	width: 0px;
	overflow: hidden;
}
.timerbarbody {
	display: block;
	height: 10px;
	background: #C0C0C0 url(/images/scale.gif) left top repeat-x;
	padding: 0;
}
input.testradio {
	display: inline;
	line-height: 1em;
	vertical-align: middle;
}
label.testradio {
	display: inline;
	line-height: 1em;
	margin: 0 1em 0 0.5em;
	font-size: 1em !important;
}




/*integral*/
p.more {
	font-size: 12px;
	margin-bottom: 10px !important;
	line-height: 1.4em !important;
}

@media print {

.menu {
	display: none;
}
.maincontent {
	width: 706px;
}
.maincontent p {
	margin-right: 10px !important;
	font-size: 14px !important;
}
#crumbs {
	display: none;
}
body {
	background: white;
}

}





.maincontent fieldset {
	margin: 10px 2px;
	padding: 10px;
	width: 415px;
	border: 1px solid #cccccc;
}

.clearfix, .column DIV.clearfix, .column DIV DIV.clearfix, .column DIV DIV DIV.clearfix{
	clear: both;
	height: 1px;
	min-height: 1px;
}