html, body { margin: 0; padding: 0; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; background: #FFF url(../i/back.jpg) top left repeat-x; font-size: 12px; color: #454545 }

select { color: #454545; font-size: 11px }
a img { border: 0 }
a { color: #176DAE }
/*a:visited { color: #176DAE } */

#page { width: 780px; height: 143px; background: #F6FAFE url(../i/map1.jpg) bottom right no-repeat; border: 1px solid #68A0D4; margin: 24px 0 0 0 }

#logo { width: 162px; text-align: center; padding: 0 10px }
#logo h2 { font-size: 12px; color: #67686B; margin: 0 }
#logo h2 span { color: #1171BF }

#rgt { background: url(../i/shadow.jpg) left bottom no-repeat }
#rgt2 { background: url(../i/shadow2.jpg) top left no-repeat }
#eu { height: 307px; background: url(../i/eu.jpg) top right no-repeat }

#reg { background: #C4E5FB; border-top: 1px solid #E1F0FA; width: 274px; height: 143px; text-align: center }

.bot1 { background: url(../i/bot-bg.gif) top left repeat-x; white-space: nowrap }

/* Botton */
.bot2 { background: url(../i/bg-bot2.gif) top left repeat-x; white-space: nowrap; padding: 0 }
.botnew { background: url(../i/bg-botnew.gif) top left repeat-x; white-space: nowrap; padding: 0 }
.bot2 a, .botnew a { color:#005CA7; cursor: pointer; margin: 0 4px 0 4px; font-size: 15px; text-decoration: none; font-weight: bold; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif }
.bot2 a:hover, .bot1 a:hover, .botnew  a:hover { color: #FA9907; position: relative; top: 1px; left: 1px }
.botnew  a:hover { color: #FFF }
/* /Botton */

.bot1 a { text-decoration: none; font-size: 16px; color: #005CA7; padding: 9px 0 0 0; font-weight: bold }
.bot1 a span { color: #FA9907; font-size: 16px; font-weight: bold }

.form { margin: 30px 20px 0 0}

#frm td { padding: 0 0 6px 0 }

.in, .in2, .in3, .in4, .in6, .in5, .in7, .in8 { height: 18px; /*background: url(../i/bg-input2.jpg) top left no-repeat;*/ border: 1px solid #0178AA; font-size: 13px; padding: 0 0 0 4px; margin: 0 0 0 12px; color: #000 }

.in { width: 124px }
.in2 { width: 224px }
.in3 { width: 230px font-size: 10px }
.in4 { width: 64px }
.in5 { width: 124px; margin: 0 }
.in6 { width: 424px }
.in7 { width: 100px }
.in8 { width: 180px }

.ple, .ple2, .ple3 { color: #666666; height: 16px; width: 65px; text-align: right; border: 0; font-size: 13px; padding: 0 0 0 0; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; }
.ple2 { font-size: 14px; color: #454545 }
.ple3 { font-size: 14px; color: #454545; font-weight: bold }

.sel2 { width: 230px; height: 22px; /*background: url(../i/bg-input2.jpg) top left no-repeat;*/ border: 1px solid #0178AA; font-size: 13px; padding: 0 0 0 4px; margin: 0 0 0 12px; color: #000 }
.sel3 { width: 230px; height: 22px; /*background: url(../i/bg-input2.jpg) top left no-repeat;*/ border: 1px solid #0178AA; font-size: 13px; padding: 0 0 0 4px; margin: 0 0 4px 12px; color: #000 }
.sel4 { width: 130px; height: 22px; border: 1px solid #0178AA; font-size: 12px; padding: 0 0 0 4px;  margin: 0 0 0 12px; color: #000 }

.ch2 { border: 1px solid #0178AA; padding: 1px; margin: 0 10px 0 12px }

.txt-area, .txt-area2 { border: 1px solid #0178AA; font-size: 13px; padding: 0 0 0 4px; margin: 4px 0 0 12px; color: #454545; overflow: hidden }

.txt-area { width: 224px; height: 76px;}
.txt-area2 { width: 424px; height: 120px }

.sel { width: 155px; height: 20px; border: 1px solid #0178AA; font-size: 12px; padding: 0 0 0 4px;  margin: 0 0 0 12px; color: #000 }
.sub { width: 19px; height: 47px; border: 0; background: url(../i/bg-bot.gif) top left no-repeat; cursor: pointer }
.com { font-size: 11px; color: #727374; margin: 0; text-decoration: none; text-decoration: none }
.com:hover { color: #186EAE }

#page2 { min-height: 500px !important; height: 100%; background: #FDFEFF url(../i/eu2.jpg) bottom right no-repeat; border: 1px solid #68A0D4; margin: 24px 0 0 0; padding-bottom: 10px; text-align: left }

#page3 { min-height: 500px; background: #FFF; border: 1px solid #68A0D4; margin: 14px 8px 0 8px; padding: 10px }

#rgt3 { background: url(../i/rgt.jpg) bottom left no-repeat }
#rgt4 { background: url(../i/bot-rgt.jpg) top left no-repeat }
#eu2 { height: 23px; padding: 6px 0 0 0; background: url(../i/down.jpg) top right no-repeat; color: #808080; font-size: 10px; text-align: center }
#eu2 a { color: #808080; text-decoration: none }
#reg2 { background: #C4E5FB; border-top: 1px solid #FDFEFF; border-right: 1px solid #FDFEFF; width: 274px; height: 90px; text-align: left }
#reg2 p { 
 overflow: auto;
 display: block;
 margin: 4px 5px 4px 15px;
 padding: 0 6px 0 0;
 line-height: 11px;
 height: 75px;
 text-align: justify;
 font-size: 11px;

 scrollbar-arrow-color: #FFFFFF;
 scrollbar-base-color: #C4E5FB;
 scrollbar-darkshadow-color: #C4E5FB;
 scrollbar-face-color: #C4E5FB;
 scrollbar-highlight-color: #C4E5FB;
 scrollbar-shadow-color: #C4E5FB;
 scrollbar-track-color: #C4E5FB;
 scrollbar-3dlight-color: #C4E5FB;
 }
#main-tit { border-bottom: 1px solid #C4E5FB; white-space: nowrap; padding: 0 10px 0 0 }
#main-tit h2 { position: relative; top: 41px; margin: 0; padding: 0 0 15px 0; font-size: 18px; color: #176DAE; font-weight: normal }
#main-tit h2 span { color: #FA9907 }
.logo-lnk { margin-top: 16px; display: block }
.right-td { text-align: right; padding-right: 13px; }
.botton { background: url(../i/botton1.gif) top left no-repeat; width: 80px; height: 27px; border: 0; color:#176DAE; cursor: pointer; padding: 0px 0 0 10px; font-size: 15px }

.head { /*background: url(../i/bg-head.gif) top left repeat-x; */
 font-size: 12px; text-align: left;
 vertical-align: top }
.headtd {border-bottom: 1px solid #C4E5FB; text-align: right }
.head h2 { font-size: 13px; font-weight: normal; padding: 0 0 0 13px; margin: 8px 0 0 0; color: #176DAE; line-height: 10px }
.head h2 span { color: #FA9907 }

form { margin: 0 }


.bot-td { text-align: center }
.bot-td table { margin: 10px 0 20px 0 }
.error { width: 300px; text-align: center; color: #FF0000; padding: 10px 0 }
.info { padding: 0 0 0 10px; color: #176DAE; font-size: 12px }

.menu-bg { background: url(../i/bg-bot2.gif) top left repeat-x; width: 100%; margin: 8px 0 }
.mnu-link { padding: 0 4px }
.mnu-link a { color:#176DAE; cursor: pointer; font-size: 12px; text-decoration: none; font-weight: bold }
.mnu-link a:hover { color: #FA9907 }
.mnu-sel-link {color: #FA9907; padding: 0 4px; font-size: 12px; font-weight: bold}

.tbl-adm { width: 100%; margin: 0 0 20px 0 }
.tbl-adm th { border-right: 1px solid #FFFFFF; border-top: 3px solid #8AE4FC; border-left: 1px solid #E0E0E0; background: #BEE5FB; padding: 2px 4px; color: #176DAE; text-align: center }

.ln-adm td { border-bottom: 1px solid #BEE5FB; padding: 2px 6px; color: #666666; font-size: 11px }
.ln-adm span { color: #454545000; font-size: 12px }

.grad { color: #FA9907; margin: 10px 0 16px 20px; font-weight: bold; width: 40%; border-bottom: 1px solid #BEE5FB; text-transform: uppercase; white-space: nowrap }
.grad2 { color: #FA9907; margin: 10px 0 16px 20px; font-weight: bold; width: 360px; border-bottom: 1px solid #BEE5FB; text-transform: uppercase; white-space: nowrap }

.logoff { text-align: right; float: right; color:#176DAE; padding-top: 4px; white-space: nowrap }
.logoff a { color:#176DAE; text-decoration: none }
.logoff a:hover { color: #FA9907; text-decoration: none }
.subhead { color: #666666; margin: 4px 4px 4px 20px; font-weight: bold }

.comm { width: 40%; margin: 10px 10px 16px 20px; color: #666666; line-height: 18px; text-align: justify }
.comm2 { width: 40%; margin: 0px 10px 16px 20px; height: 300px; color: #666666; line-height: 18px; text-align: justify }

.tbl-add { border: 1px solid #8AE4FC; background: #BEE5FB; margin: 0 0 0 20px }
.tbl2 { margin: 10px }
.radio { padding: 10px  }

#f_trigger_b, #f_trigger_b2 { height: 16px; width: 14px; background: url(../i/calendar.gif) top left no-repeat; border: 0; cursor: pointer }
.paypal { border: 0; background: url(../i/btn_xpressCheckout.gif) top left no-repeat; width: 145px; height: 42px; cursor: pointer }

.hd { width: 180px; border-bottom: 1px solid #C4E5FB; text-align: right; font-size: 13px; font-weight: normal; margin: 28px 0 10px 20px; color: #176DAE; line-height: 10px; padding: 0 0 4px 0}

#error { font-size: 14px; width: 250px; color: #FF9900; text-align: center; margin: 20px 0 0 250px }

#cont { margin: 40px 20px 40px 20px; width: 700px; text-align: left }
#cont table { text-align: center}

#cont ul { list-style-type: none; margin: 5px 0 }
#cont li { background: url(../i/star.gif) top left no-repeat; padding: 0 0 0 16px }
#cont p { text-align: justify }

.txt-area3 { width: 400px; height: 80px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-size: 11px }
.cont { border: 1px solid #68A0D4; background: #FFF; margin: 20px 10px; padding: 10px 15px }
.nound { text-decoration: none }

.star { color: #FA9907; font-weight: bold; font-size: 12px }

.ln-adm2 td { border-bottom: 1px solid #BEE5FB }


.gr { padding: 0; background: url(../i/grad-bg.gif) top left repeat-x; text-align: center }
.gr a { background: url(../i/grad.gif) top center no-repeat; color: #81BCEF; font-size: 12px; text-decoration: none; padding: 20px 10px 0 10px; display: block; float: left; white-space: nowrap }
.gr a:hover { background: url(../i/grad-over.gif) top center no-repeat; color: #FA9907;padding: 24px 10px 0 10px; font-weight: bold;white-space:nowrap }
.gr span { background: url(../i/grad-over.gif) top center no-repeat; color: #FA9907; font-size: 12px; text-decoration: none; padding: 24px 10px 0 10px; font-weight: bold; display: block; float: left; white-space: nowrap }

.gr_notact { background: url(../i/grad.gif) top center no-repeat; color: #81BCEF; font-size: 12px; text-decoration: none; padding: 20px 10px 0 10px; display: block; float: left; font-weight: normal; white-space: nowrap }
.gr strong { color: #81BCEF; font-weight: normal; white-space:nowrap }

.sh-hide { background: #D9F2FA; border-top: 1px solid #E7E6E4; border-bottom: 1px solid #E7E6E4; padding: 4px 50px 4px 0; text-align: right }
.sh-lnk { background: url(../i/showhide.gif) 0px 0px no-repeat; padding: 0 0 10px 25px }
.sh-lnk:hover { background: url(../i/showhide-over.gif) 0px 0px no-repeat; color: #FA9907 }

#div1 { border-top: 1px solid #E7E6E4; padding-bottom: 10px; background: #EFFBFF url(../i/bg-descr.gif) 20px 0px no-repeat }

#div2 { border-top: 1px solid #E7E6E4; padding-bottom: 10px; background: #EFFBFF url(../i/bg-additional.gif) 20px 0px no-repeat; margin: 10px 0 0 0; padding: 20px 0 10px 0 }

#bottons { margin: 40px 0 100px 0 }
#imgdiv input { width: 250px; height: 18px; font-size: 12px }
#pdfdiv input { width: 250px; height: 18px; font-size: 12px }
#viewingdiv input { width: 250px; height: 18px; font-size: 12px }
#moviediv input { width: 250px; height: 18px; font-size: 12px }

.sort td { background: #E0F4FF; border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF }
.gr-align { width: 600px; white-space: nowrap; text-align: center; margin: 0 auto }
#dataGrid { border-left: 1px solid #FFF; border-right: 1px solid #FFF }

.button { margin: 10px }

#info { margin:10px; text-align: center; color:#FF0000; font-weight: bold }
.back-bot { margin: 20px 40px 0 0 }
#load-frm { margin: 20px }

#map { width: 740px; height: 320px }
#map span { visibility: hidden }
#map a { visibility: hidden }

#pgsr { text-align: center; font-size: 12px; margin: 0 0 6px 0; font-weight: bold; color:#176DAE }
#pp { text-align: right; margin: 0 20px 0 0; font-weight: bold; color:#176DAE }

.pager_act { color: #FA9907; font-weight: bold; font-size: 13px }
.pager { text-decoration: none }

.nobr { white-space: nowrap }
.logoimg img { margin: 10px 0 10px 12px; display: block; text-align: left }

.txtar { width: 250px; height: 100px; font-size: 12px; margin: 10px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; padding: 2px }
.submenu { background: #E0F4FF; padding: 4px 0 4px 140px; border-bottom: 2px solid #BEE5FB; text-align: left }
.sub-lnk { text-decoration: none; padding: 0 10px }
.sub-lnk:hover { color: #FF9900 }

.sbm-line, .sbm-linea { border-bottom: 1px solid #FFF; padding: 3px 7px 3px 7px; width: 160px }
.sbm-line .sub-act { color:#176DAE; cursor: pointer; font-size: 12px; text-decoration: none; font-weight: bold; text-align: left }
.submenu .sub-act:hover { color:#FF9900 }
.sbm-linea .sub-act { color: #FF9900; cursor: pointer; font-size: 12px; text-decoration: none; font-weight: bold; text-align: left }

.err { font-size: 13px; color: #FF9900; text-align: center; font-weight: bold }

.ss-reg { width: 600px; margin: 10px; padding: 10px; border: 1px solid #68A0D4; background: #FFF; font-size: 11px }
.ss-lo { border-bottom: 1px solid #68A0D4; padding: 0 0 10px 0; display: block }
.ss-tbl td { padding: 3px 2px; border-bottom: 1px solid #68A0D4 }
.ss-blue td { background: #E0F4FF }
.copy { font-size: 10px }

h1 { font-size: 20px; color: #176DAE; text-align: left; margin: 30px 25px 0 25px }
.blck { border: 1px solid #c4e5fb; background: #e5f5ff; width: 350px; vertical-align: top; padding: 10px 10px 14px 10px }
.blck h2 { font-size: 18px; color: #176DAE; margin: 0 0 0 0 }
.blck p { text-align: justify; margin: 10px 0 0 0; line-height: 15px }
.abnm { margin: 10px 0; padding: 10px; text-align: left }
.prp { text-align: center; font-size: 14px; color: #FA9907; font-weight: bold; padding: 0 0 10px 0 }

.bl-ck { height: 160px }
.cmts { margin: 10px 25px 20px 25px; text-align: justify }

.blck2 { background: #e5f5ff; width: 350px; vertical-align: top; padding: 10px 10px 14px 10px }
.blck2 h3 { font-size: 14px; color: #176DAE; margin: 0 0 20px 0 }
.blck2 p { text-align: justify; margin: 10px 0 0 0; line-height: 14px }
.blck2 ul { margin: 10px 0 0 0; line-height: 14px; list-style-type: none; padding: 0 }
.blck2 ul li { background: url(../i/star2.gif) 0px 4px no-repeat; padding: 0 0 4px 16px }
#mess { border: 1px solid #5db0d9; background: #FFF; margin: 0 0 0 10px; padding: 6px; text-align: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px }

a.tt{
 position:relative;
 z-index:24;
 padding: 0 0 0 6px
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; background:;}
a.tt:hover span.tooltip {
 display:block;
 position:absolute;
 top: 22px;
 left: 29px;
 border: 1px solid #5db0d9; border-top: 3px solid #5db0d9; background: #FFF;
 width: 190px;
 color:#000;
 text-align: left;
 text-decoration: none;
 font-weight: normal; padding: 2px 6px; background: #fdf8cd; line-height: 15px;

}
a.tt:hover span.tooltip i { color: #999 }
.hlp { padding: 2px 0 0 0 }