@CHARSET "UTF-8";

body {font-family: Verdana,Arial; color: #dadada; margin: 0px; padding: 0px; background-color: #232527; height: 100%; font-size: 12px;}
img {padding: 0; margin: 0; border: 0; }
:active { outline: none; }
:focus {-moz-outline-style: none;}

.hidePageIE6{position: absolute; z-index: 99999; left:0px; top: 0px; background-color: #232527; min-height: 8000px; height: 8000px; width: 100%; color: #FBF9EA; }
.hidePageIE6 div {margin: 0 auto; width: 400px;  margin-top: 215px; color: #dadada; line-height: 1.3; text-align: center;}
.hidePageIE6 div p {margin: 0 auto; width: 400px;  margin-top: 215px; line-height: 12pt; padding: 0px; margin: 0px;}
.hidePageIE6 div p a {text-decoration: none;}
.hidePageIE6 div p a:hover {text-decoration: underline;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;}


h2 { clear:both; float:none; font-size:18px; font-weight:normal; line-height:20px; margin:0; padding:10px 0;}

.sharp .cufon-vml cvml\:shape {antialias: false !important;} 

p {font-size: 8.5pt; line-height: 1.4; font-style: italic;}
a:link, a:visited, a:active, a:hover{color: #dadada; text-decoration: none;}
a:active {outline: none;}

#mask {background-color: red;}


.error, .errors {color: #FF9AB0; font-size: 10px;}

.main {width: 910px; min-width: 910px; margin: 0 auto;}
.head {width: 910px; height: 85px; line-height: 85px; min-height: 85px; z-index: 900; vertical-align: middle;}
.menu {width: 910px;height: 59px; z-index: 900;}
.body {width: 714px; padding: 5px; float: left; display: inline;}
.foot {font-size: 9px; height: 50px; float: left; background: url('i-foot-line.gif') top left no-repeat; padding-top: 5px; position: relative; width: 910px;}
.foot .author {display: table-cell; float: left; line-height: 30px;}
.foot .lang {display: table-cell; float: right; line-height: 30px;}
.foot .lang .links {display: inline;}
.right {display: inline; float:right; background:url('i-right-line.gif') top left no-repeat; width: 185px; min-height: 300px; position: relative;}
.right .content {padding-left: 20px;}
.right .content p, .right .content a {font-size: 10px; margin: 0px; font-style: normal; padding-right: 6px; line-height: 14px;}
.right .content span {font-style: normal; font-size: 9px; float:right; padding-right: 10px;}
.right .title {font-size:9px; padding-top: 3px;}

.right .content p.recommendedCite {font-style: italic; font-size: 12px; line-height: 16px; padding-top: 30px;}


/* TOP SECTION */

.head .headLogo img {float: left; padding-top: 20px;}
.head .headCurses {float: right; padding-top: 30px;}

div#mainFlash {pading:0; margin: 0px; width:910px;}

/* MENU */
	ul, li {margin:0px; padding:0px;}
	ul#menu {list-style: none; font-weight:bold; background: #525252 url(i-main-menu-bcg.gif) repeat-x scroll left 5px; position:absolute;text-align:center;width:910px; height:22px; font-family: Arial; font-size:11px; font-weight: normal; color: #ffffff; letter-spacing: 2px;}
	ul#menu li {list-style: none; float: left;}
	ul#menu li a{display:block; color:#ffffff; text-decoration: none; padding:2px 0; border-top:3px solid #232527;}
	ul#menu li a:hover, ul#menu li.selected a{background:white url(i-main-menu-sel-bcg.gif); color:#525252; border-top:3px solid #ffffff; }
	
	ul#menu li ul{text-align: left; position: absolute; float: left; left:0px; width:910px; display:none;}
	ul#menu li ul li{float: left;}
	ul#menu li.selected ul li a{display:block; background: #ffffff; padding: 2px 20px 2px 10px;}
	ul#menu li.selected ul li a:hover{text-decoration:underline; background: #ffffff; padding: 2px 20px 2px 10px;}
	
	ul#menu li.extra.selected ul li {float:right;}
	
	ul#menu li.extra a {background:white url(i-main-menu-sel-extra-bcg.gif); color:#ffffff; border-top:3px solid #0386e1; }
	ul#menu li.extra a:hover, ul#menu li.selected.extra a{background:white url(i-main-menu-sel-bcg.gif); color:#525252; border-top:3px solid #ffffff; }
	
	ul#menu li.extra.selected ul li a{color:#525252; display:block; height:15px; background: #ffffff; padding: 2px 20px 2px 10px;}
	ul#menu li.extra.selected ul li a:hover{color:#525252; text-decoration:underline; background: #ffffff; padding: 2px 20px 2px 10px;}
	
	ul#menu li ul#submenu4 {left: 390px; width: auto;}
	
	ul#menu li a.submenuActive {text-decoration: underline;}
	
	#menuArea {clear:both;}
	
/* LAYOUTS */

.subLay1, .subLay1 p {width:100%; font-style: normal; font-size: 12px; position: relative;}
.subLay1 .title{float:left; position: relative; width: 100%; padding: 0px; line-height: 32px;}
.subLay1 .containerL{float:left; width: 47%;}
.subLay1 .containerR{float:right; width:47%;}
.subLay1 li {margin-left: 20px;}
.subLay1 .p{line-height: 1.3;}

.subLay5 .containerL{float:left; width: 37%;}
.subLay5 .containerR{float:right; width:57%;}


.subLay4, .subLay4 p {width:100%; font-style: normal; font-size: 12px;}
.subLay4 .img {float: left; padding: 7px; display: inline;}

.subLay3, .subLay3 p {width: 100%; font-style: normal; font-size: 12px;}
.subLay3 .title{float:left; width: 100%; padding-bottom: 10px; margin: 0px; line-height: 32px;}
.subLay3 .msgTitle {font-size: 13px; cursor: hand; cursor: pointer; padding: 10px 0 0 0; font-weight: bold;}
.subLay3 .msgTitle .msgDate {font-size: 9px; padding-right: 5px; font-weight: normal; color: #dadada;}
.subLay3 li {margin-left: 40px;}
.subLay3 .msgBody {padding-top: 0px;}

.subLay7 .msgBody {padding-left: 20px;}
.subLay7 .msgTitle {color: #006BB7;}

/* modal , small modal windows */

.modal {position: absolute; background: url(i-modal-bcg.gif) repeat-x; display:none; width:598px; max-height: 399px; height: 399px; background-color:#ffffff; z-index: 9999; cursor: move;}
.modal .shadow {background:transparent url(i-modal-shadow.png) no-repeat; position:absolute; left:-45px; top:-35px; height:509px; width:698px; z-index:1;}
.modal .close {background: url(i-modal-close.gif) repeat-x; position: absolute; z-index:99; width: 16px; height: 16px; top: 5px; right: 5px; color: red; cursor: hand; cursor: pointer;}	
.modal .contentL{position:relative; z-index: 10; width:50%; float:left; border:}
.modal .contentR{position:relative; top: 20px; z-index: 10; width:46%; float:right; padding-right: 10px;}
.modal .contentR p{font-size: 11px; line-height: 1.3;}
.modal .contentR .position, .modal .contentR p .position  {font-size: 9px; float: left;}

.smodal {position: absolute; background: url(i-modal-bcg.gif) repeat-x; display:none; width:480px; max-height: 295px; height: 295px; background-color:#ffffff; z-index: 9999;}
.smodal .contentL{position:relative; z-index: 10; width:50%; float:left; border:}
.smodal .contentR{position:relative; top: 30px; z-index: 10; width:47%; float:right;}
.smodal .contentR .position {font-size: 9px; float: left;}

label {line-height: 20px;}

.coursesSave {height: 540px;}
.coursesSave #name-label {position: absolute; top: 180px; left: 10px; width: 230px;}
.coursesSave #name-element {position: absolute; top: 200px; left: 10px; width: 230px;}
.coursesSave #surname-label {position: absolute; top: 180px; left: 290px; width: 300px;}
.coursesSave #surname-element {position: absolute; top: 200px; left: 290px; width: 300px;}

.coursesSave #company-label {position: absolute; top: 235px; left: 10px; width: 230px;}
.coursesSave #company-element {position: absolute; top: 255px; left: 10px; width: 230px;}
.coursesSave #street-label {position: absolute; top: 235px; left: 290px; width: 300px;}
.coursesSave #street-element {position: absolute; top: 255px; left: 290px; width: 300px;}

.coursesSave #postal_code-label {position: absolute; top: 295px; left: 10px; width: 230px;}
.coursesSave #postal_code-element {position: absolute; top: 315px; left: 10px; width: 230px;}
.coursesSave #city-label {position: absolute; top: 295px; left: 290px; width: 300px;}
.coursesSave #city-element {position: absolute; top: 315px; left: 290px; width: 300px;}

.coursesSave #nip-label {position: absolute; top: 355px; left: 10px; width: 230px;}
.coursesSave #nip-element {position: absolute; top: 375px; left: 10px; width: 230px;}
.coursesSave #phones-label {position: absolute; top: 355px; left: 290px; width: 300px;}
.coursesSave #phones-element {position: absolute; top: 375px; left: 290px; width: 300px;}	 

.coursesSave #adds-label {position: absolute; top: 415px; left: 10px; width: 230px;}
.coursesSave #adds-element {position: absolute; top: 435px; left: 10px; width: 230px;}
.coursesSave #email-label {position: absolute; top: 415px; left: 290px; width: 300px;}
.coursesSave #email-element {position: absolute; top: 435px; left: 290px; width: 300px;}
.coursesSave #adds-element textarea {width: 142px; height: 50px; font-family: Verdana; font-size: 10px;}

.coursesSave #submit-label {position: absolute; top: 385px; left: 290px; width: 230px;}
.coursesSave #submit-element {position: absolute; top: 505px; left: 290px; width: 230px;}
.coursesSave #submit-element input {width: 145px;}

#couSel1, #couSel2, #couSel3 {float: left; clear: both; padding: 2px; margin: 3px 3px 3px 50px ;}

#couSel1 {position: absolute; top: 60px; left: 0px;}
#couSel2 {position: absolute; top: 90px; left: 0px;}
#couSel3 {position: absolute; top: 120px; left: 0px;}

.courseError {position: absolute; top: 100px; left: 450px;}

h4 {text-transform:uppercase; font-size: 11px; margin-top: 15px;}
h4.couLab1 {position: absolute; top: 25px; left: 0px;}
h4.couLab2 {position: absolute; top: 140px; left: 0px;}

.pop {display: none; background:url('i-pop-bcg.gif'); width: 600px; z-index: 9999;}
.pop .content{margin: 5px; background-color: #232527; padding: 10px;}
.pop .close {position: absolute; right: 10px; top: 10px; width: 16px; height: 16px; background: url('i-modal-close.gif');}
.pop .msgTitle {font-size: 13px; padding: 10px 0 0 0; font-weight: bold; color: #006BB7;}
.pop .msgTitle .msgDate {font-size: 9px; padding-right: 5px; font-weight: normal; color: #dadada;}
.pop .msgBody {padding-top: 0px;}
.pop h3 {color: #006BB7;}
.pop .close {cursor: hand; cursor: pointer;}

#soundFlash {margin-top: 10px;}

.errorContainer {height: 200px; min-height: 200px;}