html, body { margin: 0; padding: 0; height: 100%; font-size: 11px; background-color: #FFFFFF;}
body { font-family: Arial, Helvetica, sans-serif; }
#root { position: relative; height: 100%; }
html>body #root { min-height: 100%; height: auto; }

html { /* ie fixed block hack */
	background: url('/images/blank.gif');
    background-attachment: fixed;
}

h1, h2, h3, h4, h5
{ text-align: left; }
h1 { margin: 0 0 18px; padding: 0; font-size: 18px; color: #dc0000; text-transform: capitalize; }
h2 { margin: 0 0 14px; padding: 0; font-size: 14px; color: #dc0000; }
h3 { margin: 18px 0 6px; padding: 0; font-size: 12px; line-height: 140%; color: #489B20; text-transform: capitalize; }
h4 { margin: 10px 0 15px; font-size: 10px; }
h5 { margin: 0; padding: 0 0 4px; font-size: 13px; text-transform: capitalize; vertical-align: middle; color: #cc0000; border-bottom: 4px solid #f1f1f1; }
p { padding: 0 0 10px; margin: 0; font-size: 12px;}
a { color: #2782ff; }
a:visited { color: #800080; }
a:active { color: #f00; }
a img { border: none; }
input { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
ul { margin: 10px 0 10px 30px; padding: 0; text-align: left; list-style: none url('/images/bullet.gif'); }
ul.home { margin: 0px 0px 0px 0px; padding: 0; text-align: left; list-style: none url('/images/bullet.gif'); }
li { font-size: 12px; line-height: 150%;  }
ul li {list-style-type: none;}
table ul { margin-bottom: 0; }
table li{ font-size: 10px; }

#header { background: url('/images/header.jpg') top repeat-x; /*position: absolute; z-index: 16;*/ width: 100% }
#header #logo-n-form { position: relative; width: 770px; font-size: 11px;}

#header #login_form { position: absolute; width: 271px; height: 98px; left: 686px; right: 0; top: 0px; overflow: hidden; background: url('../../images/login_box.jpg') no-repeat; }
#header #login_form p { margin: 10px 0 0; text-align: left; overflow: hidden; position: relative; color: #fff; }
#header #login_form table { margin-left: 9px; width: 200px; border-collapse: collapse; font-size: 11px; color: #fff; }
#header #login_form table td { padding: 1px; }
#header #login_form a, #header #login_form a:hover, #header #login_form a:visited
{ color: #fff; } 
#header #login_form #login, #header #login_form #pass
{ width: 90px; height: 16px; border: 2px solid #2C6ED5; }
#header #login_form #button { width: 57px; height: 21px; }

h1.profile {
	font-size: 20px;
	line-height: 2em;
	background: url( /images/icon/login.gif ) no-repeat;
	text-align: center;
	margin: 0;
	padding-left: 40px;
}

div.error {
	background: url( /images/icon/error.gif ) left center no-repeat;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}

div.success {
	background: url( /images/icon/success.gif ) no-repeat;
	background-attachment:fixed;
	background-position: center left;
	margin: 0;
	padding-left: 40px;
}




#header #user_logged { position: absolute; width: 271px; height: 98px; left: 686px; right: 0; top: 0px; overflow: hidden; background: url('../../images/logged_user_box.jpg') no-repeat;}
#header #user_logged table { margin-left: 9px; width: 255px; border-collapse: collapse; color: #fff; margin-top: 5px; }
#header #user_logged .panel_entry { background-color: #4e97fd; padding-top: 10px; padding-bottom: 10px; }
#header #user_logged table td { padding: 0; font-size: 11px; font-family:Arial, Verdana, Helvetica, sans-serif; font-weight: normal; }
#header #user_logged table .border_img { border-bottom: 2px solid #3e8efd; padding-right: 5px;}
#header #user_logged table .border { border-bottom: 2px solid #3e8efd; }
#header #user_logged a, #header #user_logged a:hover, #header #user_logged a:visited
{ color: #fff; } 




#liveHelp {
	position: absolute;
	left: 687px;
	top: 99px;
	
	z-index:100;
	
}
#liveHelp img {
	width: 127px;
	height: 49px;
	 
}


#header ul { margin: 0; padding: 0; text-align: left; white-space: nowrap; }
#header ul li { margin: 0; padding: 0; float: left; list-style: none; }


#header #menuul 
{ /*position: relative;*/ width: 100%; height: 29px; background: url('/images/menu_bkg.jpg') repeat-x; border-top: 1px solid white; }
#header #menuul ul { height:29px; overflow: hidden; }
#header #menuul li { margin-right: 0px; }

#header #menuul_small { /*position: relative;*/ width: 100%; height: 27px; background: url('/images/menu_small_bkg.jpg') repeat-x; border-top: 1px solid white; }
#header #menuul_small ul { height:27px; overflow: hidden; }
#header #menuul_small li { margin-right: 0px; }

#header #submenu { width: 100%; height: 24px; background: url('/images/m2bg.jpg') repeat-x; }
#header #submenu ul { height: 24px; overflow: hidden;  }
#header #ordertrash { position: absolute; top: 0; left: 470px; margin: 0; padding: 0; width: auto; height: 24px; font-size: 12px; color: #fff; }
#header #ordertrash table { margin: 0; padding: 0; width: 300px; height: 25px; border-collapse: collapse; }
#header #ordertrash td { padding: 0; vertical-align: top; }

#sh { width: 100%; height: 26px; font-size: 1px; background: url('/images/sh.gif') repeat-x bottom; clear: both; /*padding-top: 150px;*/ }

#content { position: relative; margin: 0; padding: 0 8px 0 22px; width: 740px; clear: both; text-align: justify; padding-bottom: 80px}
#content #bodyleft { width: 214px; float: left; text-align: left; }
#content #bodyright { margin-left: 22px; width: 504px; float: left; }
#content #bodyright table { width: 100%; border-collapse: collapse; }
#content #bodyright table td { padding: 0; vertical-align: top; }
#content #bodyright table .td_left, #content #page #bodyright table .td_right
{ padding-bottom: 30px; }
#content #bodyright table .td_left { padding-right: 10px; }
#content #bodyright table .td_right { padding-left: 10px; text-align: right; }

#content #bodypravoe { width: 160px; margin: 0 0 0 -160px; float: left; text-align: left; position: relative; left: 190px}

h3 a, h3 a:visited, h3 a:hover
{ color: #489B20; text-decoration: none; }


.breadcrumbs { margin: -9px 0 22px; color: #797979; font-size: 11px; text-transform: capitalize; }
.breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs a:visited
{ color: #797979; }

.breadcrumbs2 { margin: 0px 0 22px; color: #797979; font-size: 12px; text-transform: capitalize; }
.breadcrumbs2 a, .breadcrumbs2 a:hover, .breadcrumbs2 a:visited
{ color: #797979; text-decoration: underline; font-weight: bold; }

.formfield { position:relative; padding: 5px 0; width: 100%; clear: both; }
.formfield label { float: left; width: 30%; }
.formfield input, .formfield textarea { float: left; width: 40%; font-size: 12px; }
.formfield textarea { width: 68%; }

/* Svetofor :-) */
.red, .yellow, .green, .gray, .black
{ font-style: italic; }
.not_started, .required, .important, .error, .question, .red { color: #d00;}
.yellow { color: #dd0; }
.answer, .success, .completed, .green { color: #0a0; font-weight: bold }
.gray { color: #aaa; }
.black { color: #444; }
.blue { font-weight: bold; color: #000; text-decoration: none; }
.in_progress { color: #ff9; }

.partners { width: 100%; border-collapse: collapse; }
.partners td { padding: 0; vertical-align: top; }
.partners .td_left, .partners .td_right
{ padding-bottom: 30px; }
.partners .td_left { padding-right: 10px; }
.partners .td_right { padding-left: 10px; text-align: right; }
.required, .important, .error, a.important:visited
{ font-weight: bold; color: #dc0000; text-decoration: none; }
a.important{ font-size: 9px; }
a.required, a.required:hover, a.required:visited, a.required:active
{ margin-left: 1px; font-size: 10px; color: #dc0000; }
.small_input { width: 120px; }
.normal_input { width: 195px; }
.width_input { width: 280px; }
.tabs { position: relative; display: block; margin: 0 0 0 10px;  width: 100%; height: 20px; font-size:1px;}
.tabs ul { display: block; float: left; margin: 0 0 0 8px; width: 100%; height: 20px; overflow: hidden; padding: 0; vertical-align: top; }
.tabs ul li { display: block; margin: 0 2px 0 0; padding: 0; float: left; list-style-type: none; }
table.notopborder, table.notopborder th {border-top:none!important; border-collapse:collapse}
.signup { margin-top: 30px; }
.rlist { width: 100%; color: #666; margin: 4px 0px; }
.rlist td { font-size: 10px; vertical-align: top; }
.rlist th { width: 22px; text-align: center; }
table ul { margin-bottom: 10px; }
table li { font-size: 12px; }
.rlist p, .rlist h3
{ margin: 0 0 5px; }
td.blue { padding-left: 13px; }
.assessment h3 a { color: #489B20; text-decoration: none; }
.ordinary {	font-size: 100%; font-weight: normal; color: #000; display: inline; }
.help { cursor: help; }
.inlinepdf { margin: 0 5px -2px 0; }
.inlineimage { vertical-align: middle; margin: -1px; padding: 0px; }
.mainbox { float: left; margin-right: 0.8%; width: 24%; }
.mainbox .body { padding-right: 1px; text-align:center }
.mainbox p { height: 11em; text-align: left;}
.s { font-size: 11px; }
.rep-head { font-size: 11px; margin-bottom: 5px; }
.rep { display: block; margin: 0 5px; padding: 0px; width: 17%; height: 80px; float: left; text-align: center;	}
.emailmessage { margin: 0; padding: 0; line-height: 140%; }
.note { margin-top: 15px; padding: 2px 0px 0; font-size: 11px; text-align: left; }
.img_title { margin-top: 5px; margin-right: 10px; font-size: 11px; text-align: right; }
.question {	margin-bottom: 3px; font-weight: bold; text-transform: capitalize; }
.answer { margin: 10px 0 0; font-weight: bold; text-transform: capitalize; }
table.pack td { padding: 1px 2px 1px 0; }
h5 a img { margin-left: 4px; padding-left: 5px; }
table.calculator#rounded td.cell{ padding: 7px 0; text-align: left; }
table.calculator#rounded td.cell1{ padding: 7px 0; text-align: right; }
table.calculator#rounded td.cell2{ padding: 7px 0; text-align: left; }
.comments { color: #797979; font-size: 11px; }
.wbinfo { margin-left: 6px; width: 14px; height: 14px; position: relative; border: none; cursor: help; }
.chclogopointer { margin: 0; padding: 5px 0 0; cursor: pointer; }
* html .chclogopointer { margin: 0; padding: 6px 0 0; cursor: pointer; }
/*:root .chclogopointer { margin: 5px 0 0; padding: 0; cursor: pointer; }*/
.revise { font-style: italic; color: #ff0; background-color: #ffc; }
.look { margin: 0 0 24px; }
#tooltip { background: #fcf5e1; border: 1px solid #000; margin: 0; padding: 5px; position: absolute; left: 0; top: 0; text-align: justify; visibility: hidden; z-index: 999; font-size: 12px; }
#right_sideblock_div {

/*margin-left: 10px;*/
margin: 0px;
padding: 0px;
text-align: right; }
.hr { background: url(../../images/roundtable/nb.gif) repeat-x center; border: none; clear: both; height:10px; margin: 0; padding: 0; }
.hr hr { display: none; }
p strong, ul strong { font-weight: normal; }

#clear
{ width: 100%; height: 61px; margin: 0; clear: both; }
#footer {
width: 100%; height: 61px; margin: 0; clear: both; background: url('/images/footer_bkg.jpg') repeat-x; position: relative
}
/*#footer { position: absolute; left: 0; bottom: 0; }*/
#footer {
	margin-top: -61px;
}
/*#header { margin-bottom: -150px }*/
/*#boyan { height: 100% }*/
#footer #copyright { height: 36px; margin: 0px 22px 0; clear: both; color: #797979; }
#footer img { display: block; float: left;  }
#footer p { margin: 0px 0 0; float: left; font-size: 11px; font-family:Arial, Verdana, Helvetica, sans-serif; padding-top: 21px;}
#footer a, #footer a:hover, #footer a:visited
{ color: #3e7fd1; text-decoration: none;
}

p {font-size: 12px;}

#popup { padding: 0 22px 22px; text-align: justify; }
p.breadcrumbs, p.breadcrumbs a, p.breadcrumbs a:hover, p.breadcrumbs a:visited {
    color: #797979;
    font-size: 11px;
    padding: 0;
}

p.breadcrumbs {
	margin: 0 0 25px 0;
	margin-bottom: 10px; 
	padding: 0px;
}

#html_tooltip {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #4682B4;
	background: #FFFAFA;
	padding: 8px 10px;
	max-width: 480px;
	
}

.form_list {
	margin-left:220px;
	margin-top:5px;
	border-left:solid 1px #777;
	padding-left:5px;
	}


.posFixed, #right_tooltip.posFixed {
	position: fixed !important;
	
	top: 0;
	
}
.cl_body_container #right_tooltip {margin:0; left:-7px;}
.cl_body_container #right_tooltip.posFixed {margin:0; left:761px}
.cl_body_container #right_tooltip.posbottom {bottom:95px;left:761px}

.iefixed {top: 0!important;}

/* Promo page */
#signup_btns {
	height:70px;
	padding:0;
	margin:0;
	list-style:none;
}
#signup_btns li {
	float:left;
	background:#68A0EA url('../../images/button/signup.png');
	width:240px;
	height:70px;
}

#signup_btns .btns_delimiter {
	float:left;
	background:#fff;
	width:auto;
	height:70px;
}

#signup_btns li a {
	padding-top:10px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	display:block;
	vertical-align:middle;
}
#signup_btns li a:hover {
	text-decoration:underline;
}

#signup_btns li a span {
	font-size:22px;
}



#sample_pdfs ul, #sample_pdfs h3, #sample_pdfs p {
	padding-left:15px;
}

#sample_pdfs ul {
	margin:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	list-style-image:url(../../images/blank.gif);
}
#sample_pdfs ul li {
	background:url(../../images/order_reports/view_pdf.gif) no-repeat 0 .2em;
	line-height: 100%;
	height:21px;
	padding:5px 0 5px 25px;

}

#sample_pdfs p {
	width:175px;
}
.helplink {
	font-size: 1.5em;
	float: right;
}